@extends('common.layout')

@section('content')

    @php
        //공통 파라메터
        $param = 'sch_country='.request()->input('sch_country').'&sch_studytype='.request()->input('sch_studytype').'&sch_use='.request()->input('sch_use').'&keyword_values='.request()->input('keyword_values'); 
    @endphp

    <form name="sch_form"action="{{url()->current()}}">
        <div class="container-fluid" style="min-width:968px">
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right" style="width:780px">
                            <div class="input-group d-flex d-flex align-items-center justify-content-center">
                                <input type="hidden" id="page" value="{{ request()->input('page') }}">
                                <select name="sch_country" class="form-select me-1" style="width:124px">
                                    <option value="">국가(전체)</option>
                                    @foreach(config('var.country_code_list') as $k => $v)
                                    <option value="{{ $k }}"{{ (request()->input('sch_country')==$k) ? ' selected' : '' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                                <select name="sch_studytype" class="form-select me-1" style="width:150px">
                                    <option value="">유학종류(전체)</option>
                                    @foreach(config('var.studytype_list') as $k => $v)
                                    <option value="{{ $k }}"{{ (request()->input('sch_studytype')==$k) ? ' selected' : '' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                                <select name="sch_use" class="form-select me-1" style="width:150px">
                                    <option value="">노출여부(전체)</option>
                                    @foreach(config('var.useyn_list') as $k => $v)
                                    <option value="{{ $k }}"{{ (request()->input('sch_use')==$k) ? ' selected' : '' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                                <input type="text" name="keyword_values" class="form-control dropdown-toggle w-25 me-1 rounded-0" autocomplete="off" placeholder="학교명" value="{{ !empty(request('keyword_values')) ? request('keyword_values') : '' }}">
                                <button class="btn btn-primary me-1 rounded-0" type="submit"><i class="mdi mdi-magnify me-1"></i>검색</button>
                                <a href="{{ route('counselschool.index') }}" class="btn btn-primary rounded-0"><i class="mdi mdi-autorenew"></i></a>
                            </div>
                        </div>
                        <h4 class="page-title"></h4>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="row justify-content-center">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row mb-2">
                            <div class="col-sm-4">
                                <h4 class="header-title mt-2 mb-3">리스트</h4>
                            </div>
                            <div class="col-sm-8">
                                <div class="text-sm-end">
                                    <a href="{{ route('counselschool.create') }}?page={{ request()->input('page') }}&{{ $param }}" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle me-1"></i>추가등록 </a>
                                </div>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <div class="dataTables_wrapper dt-bootstrap4 no-footer">
                                <!-- S: Table Data -->
                                <div class="row">
                                    <div class="col-sm-12">
                                        <table class="table table-centered w-100 dt-responsive nowrap dataTable no-footer dtr-inline collapsed">
                                            <thead>
                                                <th style="width:8%">No.</th>
                                                <th style="width:14%">국가</th>
                                                <th style="width:24%">학교명(영문)</th>
                                                <th style="width:24%">학교명(국문)</th>
                                                <th style="width:10%">노출</th>
                                                <th style="width:10%">유학종류</th>
                                                <th style="width:10%"></th>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- E: Table Data -->

                                <!-- S: Pagination -->
                                <div class="row">
                                    <div class="col-sm-12 col-md-5">
                                        <div class="dataTables_info"></div>
                                    </div>
                                    <div class="col-sm-12 col-md-7">
                                        <div class="dataTables_paginate paging_simple_numbers">
                                            <ul class="pagination pagination-rounded" id="pagination-area"></ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- E: Pagination -->
                            </div>
                        </div> <!-- end table-responsive-->
                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
    </div>
    
@endsection

@section('script')
<script>
let param = '{!! $param !!}';
let country_code_list = {!! json_encode(config('var.country_code_list')) !!};
let studytype_list = {!! json_encode(config('var.studytype_list')) !!};
let useyn_list = {!! json_encode(config('var.useyn_list')) !!};
</script>
<script src="/js/counselschool/list.js?v={{ config('var.js_version') }}"></script>
@endsection