@extends('layouts.applicant-layout')
@section('content')

    <style>
        .accordionHover {
            transition: .3s all;
        }

        .accordionHover:hover {
            background-color: #006147;
            transform: scale(1.03);
            color: #fff;
        }

        .accordion-button:not(.collapsed) {
            color: #006147;
            background-color: #fff;
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
        }

        .accordion-button:focus {
            z-index: 3;
            border-color: #479f76;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(0, 131, 16, .69);
        }

        .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='%230c63e4'%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3cpath fill='%23396849' fill-rule='evenodd' d='m1.646,4.646a0.5,0.5 0 0 1 0.708,0l5.646,5.647l5.646,-5.647a0.5,0.5 0 0 1 0.708,0.708l-6,6a0.5,0.5 0 0 1 -0.708,0l-6,-6a0.5,0.5 0 0 1 0,-0.708z' id='svg_1'/%3e%3c/g%3e%3c/svg%3e");
        }
    </style>

    <div class=" fw-bolder fs-1 text-center py-5"> Подача документов онлайн </div>
    <div class="container pt-4 d-flex justify-content-center">

        <div class="col-10">
            @php
                use App\Services\PageScrapper;
                $pageScrapper = new PageScrapper("https://mkgtu.ru/postuplenie/podat-dokumenty-onlayn/", '<div class=["\']content_info["\']>');
                $row = $pageScrapper->getHTML();
                $content = $pageScrapper->normalizeURLFile($row);
                echo $content;

            @endphp

        </div>
    </div>

@endsection