@extends('layouts.app')

{{-- // TODO title and metatags was removed and should be reimplemented here --}}

@section('content')
    <div class="content-section">
        <div class="content-block company-block">

            @include('sections.breadcrumbs')

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

            @if( !isset($reg) )
                <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($comp_name)
                        <input class="company-name" type="text" name="company-name" placeholder="Название компании:" value="{{$comp_name}}">
                    @else
                        <input class="company-name" type="text" name="company-name" placeholder="Название компании:">
                    @endif
                    <button type="button" class="btn btn-yellow search-company">Подобрать компанию</button>
                </div>
            @endif

          @php
            // Свойство isFirstPage (bool) нужно для медалей
            $comp->isFirstPage = $isFirstPage;
            $comp->per_page = $per_page;
            $comp->page = $page;            
          @endphp
          <x-company.main-list :companies="$comp" />
            {{ $comp->onEachSide(1)->links() }}

            <div id="companiesFormTrigger" class="proposition container">
              <div class="text-column">
                  <p class="title">Нет времени выбирать?</p>
                  <p class="subtitle">Заполните небольшую анкету и все финансовые
                      управляющие смогут откликнуться сами</p>
              </div>
            </div>
        </div>
    </div>

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

            $('.select-address').on('change','select[name="region"]',function () {
                var comp_name = $('.company-name').val()
                if(comp_name){
                    history.pushState(null, null, `/companies/${$(this).val()}?name=${comp_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, `/companies/${$(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-company').on('click',function () {
                var comp_name = $('.company-name').val()
                if(comp_name) {
                    window.location = window.location.pathname + "?name=" + $('.company-name').val()
                }else{
                    window.location = window.location.pathname
                }
            })
        })
    </script>
    {{-- <script src="{{ asset('js/autoload.js') }}"></script> --}}
@endsection