@extends('common.layout')

@section("header")
    <link 
        href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css" 
        rel="stylesheet" 
        integrity="sha512-pTaEn+6gF1IeWv3W1+7X7eM60TFu/agjgoHmYhAfLEU8Phuf6JKiiE8YmsNC0aCgQv4192s4Vai8YZ6VNM6vyQ==" 
        crossorigin="anonymous" 
        referrerpolicy="no-referrer"
    />

    <style type="text/css">
        .selected {
            background-color: #80aaff !important;
        }
        div .selectize-input {
            background-color: white !important;
            background-image: none !important;
            border-color: #dee2e6 !important;
        }
    </style>

    <script src="/template/js/jquery.blockUI.js"></script>
    <script type="text/javascript" src="/js/set/common.js"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js"
        integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer"
        >
    </script>
@endsection

@section('content')
    @php
        //공통 파라메터
        $param = 'sm_fair_type='.request()->input('sm_fair_type').'&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:930px">
                            <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="sm_fair_type" class="form-select me-1" style="width:150px">
                                    <option value="">博覽會種類(全部)</option>
                                    @foreach(config('var.festival_list_tw') as $k => $v)
                                        <option value="{{ $k }}"{{ (request()->input('sm_fair_type')==$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_list2_tw') 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_tw') 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('school.tw.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">List</h4>
                            </div>
                            <div class="col-sm-8">
                                <div class="text-sm-end">
                                    <a href="javascript:priorityReset(this)" class="btn btn-danger mb-2"><i class="mdi mdi-refresh me-2"></i>重置優先級</a>
                                    <a href="javascript:setAllUnexposed()" class="btn btn-danger mb-2"><i class="mdi mdi-eye-off me-2"></i>批量非曝光</a>
                                    <a href="{{route('school.tw.create')}}?set={{request()->input('set')}}&page={{request()->input('page')}}" class="btn btn-success mb-2"><i class="mdi mdi-plus-circle me-2"></i>Add </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:5%">No.</th>
                                                <th style="width:10%">LOGO</th>
                                                <th style="width:10%">學校名(英文)</th>
                                                {{-- <th style="width:10%">추천</th> --}}
                                                <th style="width:10%">優先級</th>
                                                <th style="width:10%">留學種類</th>
                                                <th style="width:10%">博覽會種類</th>
                                                <th style="width:10%">曝光與否</th>
                                                <th style="width:10%">國家</th>
                                                <th style="width:5%">附件照片數</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 user_team = '{!! Auth::user()->fm_team !!}';
        let param = '{!! $param !!}';
        let festival_list = {!! json_encode(config('var.festival_list_tw')) !!};
        let country_code_list = {!! json_encode(config('var.country_code_list_tw')) !!};
        let studytype_list = {!! json_encode(config('var.studytype_list2_tw')) !!};
        let useyn_list = {!! json_encode(config('var.useyn_list_tw')) !!};
    </script>
    {{-- S: 학교 조희 스크립트 --}}
    <script type="text/javascript" src="/js/school/tw/list.js?v={{ config('var.js_version') }}"></script>
    {{-- E: 학교 조희 스크립트 --}}
@endsection