@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block managers-block"> <!-- меняем на managers-block и меняем таблицы -->

          @include('sections.breadcrumbs')

          <h1 class="page-title">{{ $h1 }}</h1>

            <div class="select-block">

                <select name="region" class="select-address">
                    <option value="all">Все...</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>

                @if($lawyer_name)
                    <input class="company-name" type="text" name="lawyer-name" placeholder="ФИО управляющего" value="{{$lawyer_name}}">
                @else
                    <input class="company-name" type="text" name="lawyer-name" placeholder="ФИО управляющего">
                @endif

                <button type="button" class="btn btn-yellow search-lawyer" style="flex-basis: 24%; line-height:1;">Подобрать управляющего</button>

            </div>

            <table id="lawyer-table">
                <thead>
                <tr>
                    <th class="managers">управляющий</th>
                    <th class="table-right">рекомендуют</th>
                    <th class="table-center">отзывов</th>
                    <th class="table-center">Рег. номер</th>
                    <th class="address-cl">зоны деятельности</th>
                </tr>
                </thead>
                <tbody>
                    @foreach($lawyer as $key => $value)
                        <tr>
                            <td data-label="управляющий" >
                                <img class="managers-photo" src="{{asset('img/profile.png')}}" alt="">
                                <div class="title-block">
                                    <p class="name"><a href="{{route('show.lawyer',['slug'=>$value->slug])}}">{{$value->second_name .' '. $value->first_name .' '. $value->patronymic_name}}</a></p>
                                    <p>Начало деятельности: 
                                        @if ($value->entry_date)
                                            {{\Carbon\Carbon::parse($value->entry_date)->format('d.m.Y')}}
                                        @else
                                            {{\Carbon\Carbon::parse($value->reg_date)->format('d.m.Y')}}
                                        @endif
                                    </p>
                                    <p>№ в реестре: <span>{{$value->reg_number}}</span></p>
                                </div>
                            </td>
                            <td class="table-right table-flex" data-label="рекомендуют">
                                @php
                                    $reviews_rating = 0;
                                @endphp
                                @if(isset($value->reviews) && count($value->reviews))
                                    @foreach($value->reviews as $val)
                                        @php $reviews_rating += floatval($val->mark) * 2 @endphp
                                    @endforeach
                                @endif
                                @if(count($value->reviews) != 0)
                                    @php $success_percent = round($reviews_rating / count($value->reviews),1) * 10 @endphp
                                    @if($success_percent == 100)
                                        <div data-percent="{{$success_percent}}" class="custom-green"></div>
                                    @elseif($success_percent < 100 && $success_percent >= 50)
                                        <div data-percent="{{$success_percent}}" class="custom-orange"></div>
                                    @elseif($success_percent < 50)
                                        <div data-percent="{{$success_percent}}" class="custom-red"></div>
                                    @endif
                                @else
                                    <div data-percent="100" class="custom-green"></div>
                                @endif
                            </td>
                            <td class="table-center" data-label="отзывов">
                                <p class="review"><img src="{{asset('/img/comment.png')}}" alt="">{{isset($value->reviews)?count($value->reviews):0}}</p>
                            </td>
                            <td class="table-center" data-label="">
                                <p>{{$value->reg_number}}</p>
                            </td>
                            <td data-label="адрес">
                                @if(isset($value->regions[0]) && count($value->regions) <= 3)
                                        <p class="address">
                                            @foreach($value->regions as $key => $region_name)
                                                @if($key+1 == count($value->regions))
                                                    {{$region_name->region}}
                                                @else
                                                    {{$region_name->region . ","}}
                                                @endif
                                            @endforeach
                                        </p>
                                @elseif(isset($value->regions[0]) && count($value->regions) > 3)
                                    <p class="address">{{$value->regions[0]->region .' , '. $value->regions[1]->region .' , '. $value->regions[2]->region}} и еще<span> {{count($value->regions)-3}}</span></p>
                                @else
                                    <p class="address"><span>  </span></p>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
          {{ $lawyer->onEachSide(1)->links() }}

        </div>
    </div>

@endsection

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

            $('.select-address').on('change','select[name="region"]',function () {
                var lawyer_name = $('.company-name').val()
                if(lawyer_name){
                    history.pushState(null, null, `/lawyers/${$(this).val()}?name=${lawyer_name}`);
                    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()
                    }
                }else{
                    history.pushState(null, null, `/lawyers/${$(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()
                    }
                    window.location = window.location.pathname
                }
            })

            $('.search-lawyer').on('click',function () {
                var lawyer_name = $('.company-name').val()
                if(lawyer_name) {
                    window.location = window.location.pathname + "?name=" + $('.company-name').val()
                }else{
                    window.location = window.location.pathname
                }
            })
        })
    </script>
    <script src="{{ asset('js/autoloadLawyer.js') }}"></script>
@endsection