applicant-site/app/Services/DirectonHtmlBuilder.php

<?php

namespace App\Services;

use App\Models\Direction;
use Illuminate\Support\Facades\URL;

class DirectonHtmlBuilder
{
    private Direction $direction;
    public function __construct($direction)
    {
        $this->direction = $direction;
    }
    public function getHTML()
    {
        // phpcs:disable

        $direction = $this->direction;
        $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
        return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction->id }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction->id}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;              background-image:  url({$fon_3}); color: #004329\">


                                                            <div class=\"mx-5 \">
                                                                <div class=\"col-12 d-flex justify-content-end mt-4\">
                                                                    <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">
                                                                    </button>
                                                                </div>

                                                            <div class='row'>

                                                                            <div class='col-md-6 col-12 d-block'>

                                                                                    <div class=\"\">
                                                                                        <div class=\"display-6 \" style=\"font-family: Geologica-Light\"> {$direction->code} </div>
                                                                                        <div class=\"display-5 \" > {$direction->name}</div>
                                                                                    </div>
                                                                                    <div class=\"mt-4\">
                                                                                        <p style=\"text-align: justify;\">{$direction->description}</p>
                                                                                    </div>

                                                                            </div>


                                                                            <div class='col-md-6 col-12 d-flex justify-content-center align-items-center'>

                                                                                <div class=\"p-3 px-5 border-success fs-4\" style='border-radius: 50px; border: 2px solid;'>
                                                                                    <div > Уровень образования:
                                                                                        <strong>{$direction->educationLevel->name} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Форма обучения:
                                                                                        <strong>{$direction->educationForm->name} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Бюджетные места:
                                                                                        <strong >{$direction->budget_places} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Квота:
                                                                                        <strong >{$direction->quota} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Места на контракт:
                                                                                        <strong >{$direction->paid_places} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Стоимость платного обучения:
                                                                                        <strong >{$direction->cost_paid_place} </strong>
                                                                                    </div>
                                                                                    <hr class='d-block d-md-none'><br>
                                                                                    <div > Период обучения (в годах):
                                                                                        <strong>{$direction->period} </span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
</div>

                                                                            <div class=\"offcanvas-body mt-2\" style=\"font-family: Geologica-ExtraLight\">



                                                                            </div>
                                                                        </div>
                                                                        </div>

                                                                        </div>
                                                                    </div> ";
    }
    // phpcs:enable
}