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

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

{{--        .buttonHover:hover {--}}
{{--            background-color: #006147;--}}
{{--            transform: scale(1.03);--}}
{{--            color: #e0e0e0;--}}
{{--        }--}}
{{--    </style>--}}

{{--    <div class="container my-4">--}}
{{--        <div class="row d-flex justify-content-center align-items-center">--}}
{{--            @foreach($receptionScreens as $receptionScreen)--}}
{{--            <div class="col-8">--}}
{{--                <a href="{{ route('web-consultations')  }}">--}}
{{--                    <h4>--}}
{{--                        <div--}}
{{--                            class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">--}}
{{--                            {{ $receptionScreen->name }}--}}
{{--                        </div>--}}
{{--                    </h4>--}}
{{--                </a>--}}
{{--            </div>--}}
{{--                @foreach($receptionScreen->files as $file)--}}
{{--                    <div class="col-8">--}}
{{--                        <a href="{{  $file->url }}">{{ $file->name }}</a>--}}
{{--                    </div>--}}
{{--                @endforeach--}}
{{--            @endforeach--}}
{{--            <div class="col-8">--}}
{{--                <a href="ui-4.html#">--}}
{{--                    <h4>--}}
{{--                        <div--}}
{{--                            class="d-flex justify-content-start align-items-center w-100 h-100 border border-secondary m-1 p-4 buttonHover rounded-2">--}}
{{--                            Калькулятор ЕГЭ--}}
{{--                        </div>--}}
{{--                    </h4>--}}
{{--                </a>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
<style>
    .accordion-button:not(.collapsed)
    {
        color:#006147;
        background-color: rgb(255, 255, 255);
        box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)
    }
    .accordion-button:focus {
        z-index: 3;
        border-color: #006147;
        outline: 0;
        box-shadow: 0 0 0 0.25rem #006147;
    }

</style>
<div class="container my-4">
    <div class="accordion" id="accordionPanelsStayOpenExample">

        @foreach($receptionScreens as $receptionScreen)
            <?php $tmp = str_replace(' ','', $receptionScreen->name) ?>
        <div class="accordion-item">
            <h2 class="accordion-header">
                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-<?php echo $tmp ?> " aria-expanded="true" aria-controls="panelsStayOpen-<?php echo $tmp ?>">
                    {{ $receptionScreen->name }}
                </button>
            </h2>
            <div id="panelsStayOpen-<?php echo $tmp ?>" class="accordion-collapse collapse show">
                <div class="accordion-body">
                    @foreach($receptionScreen->files as $file)
                        <div class="col-8 mb-2 pb-2 ms-4">
                            <a href="{{  $file->url }}">{{ $file->name }}</a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection