@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block company-block">
            <h2 class="block-title">Компании по банкротству физических лиц</h2>
            @php
              // Свойство isFirstPage (bool) нужно для медалей
              $comp->isFirstPage = $isFirstPage;
              $comp->per_page = $per_page;
              $comp->page = $page;
            @endphp
            <x-company.main-list :companies="$comp"/>

            <div id="welcomeFormTrigger" class="proposition container">
                <div class="text-column">
                    <p class="title">Нет времени выбирать?</p>
                    <p class="subtitle">Заполните небольшую анкету и все финансовые
                        управляющие смогут откликнуться сами</p>
                </div>
            </div>
            <a href="{{route('show.companies')}}" class="btn btn-yellow tdn">Весь список&nbsp;<i class="fas fa-long-arrow-alt-right"></i></a>
        </div>

        <div class="content-block">
          <h2 class="page-title">Юристы по банкротству физических лиц</h2>
          <br>

            <div class="lawyerGrid">
                @foreach ($topManagers as $manager)
                    <div class="lawyerItem">
                        <a href="/company/{{ $manager->company->slug }}/" class="lawyerItem__body">
                            <div class="lawyerItem__img">
                                <img src="{{ $manager->img ? asset("/storage/$manager->img") : $manager->manager  }}" alt="{{ $manager->name }}">
                            </div>
                            <div class="lawyerItem__name">{{ $manager->name }}</div>
                            <div class="lawyerItem__price">
                                Стоимость
                                @if ( $manager->company->price )
                                    {{$manager->company->price}}
                                @else
                                    по запросу
                                @endif
                            </div>                            
                            <div class="lawyerItem__company">
                                @if ( $manager->logo )
                                    <img src="{{ $manager->logo }}" class="lawyerItem__logo" alt="{{ $manager->company->name }}">
                                @endif
                                <span class="lawyerItem__title">{{ $manager->company->name }}</span>
                            </div>
                        </a>
                    </div>
                @endforeach
            </div>

          <a href="{{route('show.managers')}}" class="btn btn-yellow modal-btn" style="width:262px; text-decoration: none; margin-top: -50px;">Все юристы</a>
        </div>

        <div class="content-block">
          <h2 class="page-title">Рейтинг по городам</h2>
          <br>

          <div class="columns columns-3">
            @if ($regions && $regions->count())
              @foreach ($regions as $item)
                @if ($loop->index > 5 )
                  @break
                @endif
                <div class="columns__item">
                  <a href="/companies/{{ $item['slug'] }}">{{ $item['capital'] }}</a>
                </div>
              @endforeach
            @endif
          </div>

          <div class="columns columns-3">
            <div class="columns__item">
              <button class="btn btn-yellow modal-btn" data-toggle="modal" data-target="#citiselect-modal" style="width:100%;">Все города</button>
            </div>
          </div>
        </div>

        <div class="modal fade" id="citiselect-modal" tabindex="-1" role="dialog" aria-labelledby="citiselect-modalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <div class="modal-title h4">Выберите регион</div>
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">×</span>
                            <span class="sr-only">Close</span>
                        </button>
                    </div>
                    <div class="modal-body">
                      <div class="citySearch__form">
                        <input type="text" placeholder="Например: Санкт-Петербург" name="search" value="">
                        {{--
                        <button class="js-citySearch btn btn-yellow" type="button" name="button">Выбрать</button>
                        --}}
                      </div>
                      @if ($regions && $regions->count())
                        <div class="citySearch__tags">
                          @foreach ($regions as $item)
                            @if ($loop->index > 8 )
                              @break
                            @endif
                              <a href="/companies/{{ $item['slug'] }}">{{ $item['capital'] }}</a>
                          @endforeach
                        </div>
                      @endif
                      <div class="citySearch__items columns columns-3">
                        @if ($regionsABC && $regionsABC->count())
                          @foreach ($regionsABC as $item)
                            <div class="columns__item">
                              <a href="/companies/{{ $item['slug'] }}">{{ $item['capital'] }}</a>
                            </div>
                          @endforeach
                        @endif
                        <div class="citySearch__result"></div>
                      </div>
                    </div>
                </div>
            </div>
        </div>

        @if(isset($reviews))
          <div class="content-block">
            <h2 class="page-title">Последние отзывы</h2>
            <br>

            <div class="mainReviews">
              @foreach ($reviews as $review)
                  <div class="mainReviewsItem comment-block">
                    <div class="mainReviewsItem__name">{{$review->name}}</div>
                    <div class="mainReviewsItem__info">
                        <div class="mainReviewsItem__access">
                          @php
                            $width = ($review->mark / 5) * 100;
                          @endphp
                          <div class="mainReviewsItem__line" style="width: {{$width}}%;">
                          </div>
                        </div>

                        <div class="mainReviewsItem__date">{{\Carbon\Carbon::parse($review->created_at)->format('d.m.Y')}}</div>

                        <a href="/company/{{$review->company->slug}}/" class="mainReviewsItem__company">
                          <img src="{{ $review->company->img ? '/storage/' . $review->company->img : $review->company->logo }}" alt="{{$review->company->name}}">
                          {{$review->company->name}}
                        </a>

                        <div 
                          class="mainReviewsItem__complaint" 
                          data-company="{{$review->company->name}}" 
                          data-company-id="{{$review->company->id}}" 
                          data-review-id="{{$review->id}}" 
                          title="Пожаловаться на отзыв" 
                          data-toggle="modal" 
                          data-target="#complaint-modal"
                        >
                          <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M11.3334 1.84405L16.9175 11.1449C17.72 12.4807 17.3259 14.2382 16.0367 15.0699C15.604 15.35 15.0997 15.4994 14.5842 15.4999H3.41502C1.89752 15.4999 0.666687 14.2249 0.666687 12.6507C0.666687 12.1182 0.810854 11.5974 1.08169 11.1449L6.66669 1.84405C7.46835 0.508215 9.16335 0.0990486 10.4525 0.930715C10.8092 1.16072 11.1109 1.47322 11.3334 1.84405ZM9.00002 12.1665C9.22103 12.1665 9.433 12.0788 9.58928 11.9225C9.74556 11.7662 9.83335 11.5542 9.83335 11.3332C9.83335 11.1122 9.74556 10.9002 9.58928 10.744C9.433 10.5877 9.22103 10.4999 9.00002 10.4999C8.77901 10.4999 8.56705 10.5877 8.41077 10.744C8.25449 10.9002 8.16669 11.1122 8.16669 11.3332C8.16669 11.5542 8.25449 11.7662 8.41077 11.9225C8.56705 12.0788 8.77901 12.1665 9.00002 12.1665ZM9.00002 4.66655C8.77901 4.66655 8.56705 4.75435 8.41077 4.91063C8.25449 5.06691 8.16669 5.27887 8.16669 5.49988V8.83322C8.16669 9.05423 8.25449 9.26619 8.41077 9.42247C8.56705 9.57875 8.77901 9.66655 9.00002 9.66655C9.22103 9.66655 9.433 9.57875 9.58928 9.42247C9.74556 9.26619 9.83335 9.05423 9.83335 8.83322V5.49988C9.83335 5.27887 9.74556 5.06691 9.58928 4.91063C9.433 4.75435 9.22103 4.66655 9.00002 4.66655Z" fill="#C4C5C7"/>
                          </svg>
                        </div>
                    </div>
                    <div class="mainReviewsItem__comment">
                          @php
                            $length = strlen($review->comment);
                          @endphp
                          @if ($length > 350)
                            <input type="checkbox" name="comment-{{$review->id}}" id="comment-{{$review->id}}" value="">
                          @endif
                          <div class="mainReviewsItem__text">
                              {{$review->comment}}
                              @if ($length > 350)
                                <div class="mainReviewsItem__spoil">
                                  <label for="comment-{{$review->id}}">ещё</label>
                                </div>
                              @endif
                          </div>

                          <div class="mainReviewsItem__reply js-add-reply-form" data-comment-id="{{$review->id}}"  data-company-id="{{$review->company->id}}">Ответить</div>
                      </div>
                  </div>
              @endforeach
            </div>

            <div class="columns columns-3">
              <div class="columns__item">
                <button class="btn btn-yellow js-show-reviews-main" style="width:100%;">Показать еще</button>
              </div>
            </div>
          </div>

          @section('script')
            <script type="text/javascript">
              $(function () {
                $('body').on('click', ".js-add-reply-form", function(e) {
                  $(this).hide();
                  var id = $(this).attr('data-comment-id');
                  var company_id = $(this).attr('data-company-id');
                  var form = '<form id="reply-form-'+id+'" class="comment__form" name="reply-form">' +
                  '<input type="hidden" name="company_id" value="'+company_id+'">' +
                  '<input type="hidden" name="reply_parent" value="'+id+'">' +
                  '<input type="text" name="reply_name" placeholder="Имя" required>' +
                  '<input type="text" name="reply_surname" placeholder="Фамилия" required>' +
                  '<textarea name="reply_comment" placeholder="Ответ" rows="2" cols="80" required></textarea>' +
                  '<button class="btn btn-yellow" type="submit" form="reply-form-'+id+'">Ответить</button>' +
                  '<button class="btn btn-outline-secondary js-delete-reply-form" type="button">Отмена</button></form>';
                  $(this).parents('.comment-block').append(form);
                });

                $('body').on('click', ".js-delete-reply-form", function(e) {
                  $(this).parents('.comment-block').find('.js-add-reply-form').show();
                  $(this).parents('.comment__form').remove();
                });

                $('body').on('submit', "[name=reply-form]", function(e) {
                  e.preventDefault();

                  var company_id = $(this).find('[name=company_id]').val();
                  var name = $(this).find('[name=reply_name]').val();
                  var surname = $(this).find('[name=reply_surname]').val();
                  var mark = 0;
                  var comment = $(this).find('[name=reply_comment]').val();
                  var parent = $(this).find('[name=reply_parent]').val();

                  $.ajax({
                      url: `/store/company/review/${company_id}`,
                      type: "POST",
                      data: {
                          "_token": "{{ csrf_token() }}",
                          name, surname, mark, comment, parent
                      }
                  }).done(function (response) {
                      location.reload();
                  });

                });

                $('body').on('click', ".js-show-reviews-main", function(e) {
                  $('.mainReviews .mainReviewsItem').show();
                  $(this).parents('.columns').remove();
                });
              });
            </script>
          @endsection
        @endif

        @php
            /*
          @endphp
          @if(isset($article))
              <div class="content-block articles-block">
                  <p class="marking">статья</p>
                  <p class="title">{!! $article->title !!}</p>
                  <div class="title-block">
                      @if(isset($article->author))
                          <div class="author">
                              <img src="{{"storage/".$article->author->img}}" alt="">
                              <div class="name-block">
                                  <p><span>Автор:</span></p>
                                  <a href="{{route('show.author',['slug'=>$article->author->slug])}}"><p>{{$article->author->name}}</p></a>
                              </div>
                          </div>
                      @endif
                      <div class="date  ml-3">
                          <p><span>Опубликовано:</span></p>
                          <p>{{\Carbon\Carbon::parse($article->created_at)->format('Y-m-d')}}</p>
                      </div>
                      <p class="views ml-3"><i class="fas fa-eye"></i>{{$article->seen_count}}</p>
                  </div>
                  <div class="text-block">
                      {!!$article->short_text!!}
                  </div>
                  <a href="{{route('show.articles')}}" class="btn btn-yellow tdn">Все статьи&nbsp;<i class="fas fa-long-arrow-alt-right"></i></a>
              </div>
          @endif
          @php
            */
          @endphp
    </div>
@endsection