@extends('layouts.app')
@section('title')
    <title>
        @if($title == 'Подбор Судья')
            {{$title}}
        @else
            Подбор Судья - {{$title}}
        @endif
    </title>
    @if($title != 'Подбор Судья')
        <meta name="description" content="Подбор Судья в {{$title}}">
    @else
        <meta name="description" content="Подбор Судья">
    @endif

@endsection
@section('content')
    <div class="content-section">
        <div class="content-block managers-block"> <!-- меняем на managers-block и меняем таблицы -->
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('welcome')}}"><img src="{{asset('img/home.png')}}" alt=""></a></li>
                    <li class="breadcrumb-item active" aria-current="page">Рейтинг Судей</li>
                </ol>
            </nav>
            @include('sections.breadcrumbs')
            <h1 class="page-title">Подбор Судья</h1>

            <div class="select-block">
                <select name="region" class="select-address">
                    <option value="">Выберите регион</option>
                    @foreach($regions as $region)
                        @if(isset($reg) && $reg == $region->slug)
                            <option selected value="{{$region->slug}}">{{$region->region}}</option>
                        @else
                            <option value="{{$region->slug}}">{{$region->region}}</option>
                        @endif
                    @endforeach
                </select>

                <button type="button" class="btn search-judge">Подобрать Судья</button>

            </div>

            <br>
            <table id="judge-table" class="display">
                <thead>
                <tr>
                    <th class="table-center" style="cursor: pointer">Судья</th>
                    <th class="table-center" style="cursor: pointer">Списаний</th>
                    <th class="table-center" style="cursor: pointer">Несписаний</th>
                    <th class="table-center" style="cursor: pointer">Отменено в аппеляции</th>
                </tr>
                </thead>
                    @if(isset($judges->judge_table))
                        {!! $judges->judge_table !!}
                    @endif
            </table>

        </div>
    </div>

    <style>
        td{
            text-align: center;
            justify-content: center;
        }
    </style>

@endsection

@section('script')
    <script>
        $(function () {

            $('#judge-table').DataTable({
                paging: false,
                searching: false,
                info: false,
                order: [[ 1, "desc" ]],
                "language":{
                    "emptyTable":"Ничего не Найдено"
                }
            });


            $('.select-address').on('change','select[name="region"]',function () {
                    history.pushState(null, null, `/judges/${$(this).val()}`);
                    if($(this).val() == 'all'){
                        document.title = 'Судья по банкроствтву физических лиц, рейтинг и отзывы'
                        document.head.querySelector('meta[name="description"]').content = 'Количество успешных дел по банкроству, стомость процедуры банкротства и список Судья, который занимсается освобождением от долгов физических лиц'
                    }else{
                        document.title = 'Судья по банкроствтву физических лиц, рейтинг и отзывы - ' + $(this).children("option:selected").text()
                        document.head.querySelector('meta[name="description"]').content = 'Количество успешных дел по банкроству, стомость процедуры банкротства и список Судья, который занимсается освобождением от долгов физических лиц в '+ $(this).children("option:selected").text()
                    }
            })

            $('.search-judge').on('click',function () {
                    window.location = window.location.pathname
            })
        })
    </script>
@endsection