@extends(env('APP_NAME').'.layout')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/edmuhak/country-sub-main.css?ver=20220623"/>
    <link rel="stylesheet" type="text/css" href="/css/edmuhak/major-school.css?ver=20220623"/>
@endpush

@section('content')
    <div class="university major-school-list">
        <!-- 페이지타이틀 : full-bg -->
        <div class="banner-box">
            <h1 class="page-title">영국대학 전공별 추천학교</h1>
        </div>

        @foreach($category_list as $category_title)
        <section class="major-school-list-section">
            <h2 class="major-school-list-title">{{ $category_title }}</h2>
            <ul class="major-school-list-con">
                @foreach($major_list as $major)
                @if($major->category == $category_title && $major->confirm == 'Y')
                <li>
                    <div class="major-school-list-icon"><span style="background:url('{{ env('AWS_URL_UPLOAD') }}/edm/subject/icon/{{ $major->icon ? $major->icon : 'no_icon.svg' }}') no-repeat center center; background-size: cover"></span></div>
                    <div class="major-school-list-textBox">
                        <h3 class="major-school-list-textBox-title">{{ $major->etitle }}</h3>
                        <p class="major-school-list-textBox-text">{{ $major->title }}</h3>
                    </div>
                    <a href="/uk-major-school-list/show/{{ $major->uid }}"></a>
                </li>
                @endif
                @endforeach
            </ul>
        </section>
        @endforeach
    </div>

    @if(session('message')) <script> alert('{{ session('message') }}');</script> @endif

@endsection