@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>


@endsection