@extends('layouts.app')

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

      @include('sections.breadcrumbs')

      <div class="company-row manager-row">
        <div class="info-column">
          <div class="images">
            <img src="{{asset('img/profile.png')}}" alt="">
          </div>
          <div class="recommendations">
            @php
              $reviews_rating = 0;
            @endphp
            @if(isset($lawyer->reviews) && count($lawyer->reviews))
              @foreach($lawyer->reviews as $val)
                @php $reviews_rating += floatval($val->mark) * 2 @endphp
              @endforeach
            @endif
            @if(count($lawyer->reviews) != 0)
              @php $success_percent = round($reviews_rating / count($lawyer->reviews),1) * 10 @endphp
              @if($success_percent == 100)
                <div class="green color-marker" style="width: 100%"></div>
                <p>{{$success_percent}}% клиентов рекомендует</p>
              @elseif($success_percent < 100 && $success_percent >= 50)
                <div class="orange color-marker" style="width: {{$success_percent}}%"></div>
                <p>{{$success_percent}}% клиентов рекомендует</p>
              @elseif($success_percent < 50)
                <div class="red color-marker" style="width: {{$success_percent}}%"></div>
                <p>{{$success_percent}}% клиентов рекомендует</p>
              @endif
            @else
              <div class="green color-marker" style="width: 100%"></div>
              <p>100% клиентов рекомендует</p>
            @endif
          </div>
          <ul style="padding-left: 0;">
            <li>№ в реестре: <span>{{$lawyer->reg_number}}</span></li>
            <li>ИНН: <span>{{$lawyer->INN}}</span></li>
            <li>СНИЛС: <span>{{$lawyer->SNILS}}</span></li>
            <li>
              <div id="lawyerForm" class="mt-3 lawyerpage-form-trigger-container"></div>
            </li>
          </ul>
        </div>
        <div class="contacts-column">
          <div class="title-block">
            <h1
              class="page-title">{{$lawyer->second_name .' '. $lawyer->first_name .' '. $lawyer->patronymic_name}}</h1>
          </div>
          <p class="address">
            @if(isset($lawyer->regions) && count($lawyer->regions) > 0)
              <span style="font-weight: bold"><i>Зоны Деятельности</i></span> -
              @foreach($lawyer->regions as $key => $region_name)
                {{-- последный компонент списка --}}
                @if($key+1 == count($lawyer->regions))
                  <a href="{!! route('show.lawyers', $region_name->slug) !!}">{{$region_name->region}}</a>
                @else
                  <a href="{!! route('show.lawyers', $region_name->slug) !!}">{{$region_name->region}}</a>,
                @endif
              @endforeach
            @endif
          </p>
          <p><b>принадлежность к СРО - </b> {{is_null($lawyer->SRO)?'Нет':$lawyer->SRO}}</p>
          <p><b>Дата вступления в СРО - </b> {{is_null($lawyer->entry_date)?'Нет':$lawyer->entry_date}}</p>
          <br>
          {{--                    <div class="phone">--}}
          {{--                        <a href="tel:+73422244366">+7 342-22-44-366</a>--}}
          {{--                        <a href="tel:+79523204127">+7 952-32-04-127</a>--}}
          {{--                    </div>--}}
          {{--                    <a href="" class="btn">Обратный звонок</a>--}}
          <div class="advantages">
            <div class="advantages-row">
              <div class="advantages-column">
                <p class="title">Начало работы</p>
                <p>
                  <img src="{{asset('/img/advantages-1.png')}}" alt="">
                  @if($lawyer->id == 5021)  {{-- Холостова --}}
                    2016
                  @elseif($lawyer->id == 5014) {{-- Туголуков --}}
                    2021
                  @elseif($lawyer->id == 9829) {{-- Пуртов --}}
                    2021
                  @elseif($lawyer->id == 1951) {{-- Костомаркина  --}}
                    2017
                  @else
                    {{\Carbon\Carbon::parse($lawyer->entry_date)->format('Y')}}
                  @endif
                </p>
              </div>
              <div class="advantages-column">
                <p class="title">Отзывов</p>
                <p><img src="{{asset('/img/advantages-3.png')}}" alt="">{{count($lawyer->reviews)}}</p>
              </div>
{{--              TODO Используй это для поля всего (сумма) дел, успешно, не успешно --}}
{{--              <div class="advantages-column">--}}
{{--                  <p class="title">Успешных дел</p>--}}
{{--                  @php--}}
{{--                      $reviews_rating = 0;--}}
{{--                  @endphp--}}
{{--                  @if(isset($lawyer->reviews) && count($lawyer->reviews))--}}
{{--                      @foreach($lawyer->reviews as $val)--}}
{{--                          @php $reviews_rating += floatval($val->mark) * 2 @endphp--}}
{{--                      @endforeach--}}
{{--                  @endif--}}
{{--                  @if(count($lawyer->reviews) != 0)--}}
{{--                      @php $success_percent = round($reviews_rating / count($lawyer->reviews),1) * 10 @endphp--}}
{{--                      <p><img src="img/advantages-4.png" alt="">{{$success_percent}} %</p>--}}
{{--                  @else--}}
{{--                      <p><img src="img/advantages-4.png" alt="">100%</p>--}}
{{--                  @endif--}}
{{--              </div>--}}
            </div>

          </div>

        </div>

      </div>

      {{--
      @if($messages)
        <!--{{ $lawyer->api_uuid }}-->
        <section class="my-4">
          <h2 class="text-center mb-3">Последние дела о банкротстве</h2>
          <div class="row no-gutters">
            @foreach($messages as $message)
              <div class="col-6 col-lg-4 p-1">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title mb-0"><span class="text-muted">Дело</span> {{ $message['case_num']  }}</h4>
                    @if($message['message_type']['name'])
                      <p class="card-text text-muted mb-3">{{$message['message_type']['name']}}</p>
                    @endif
                    <p class="card-text"><span class="text-muted">Регион:</span> {{ $message['region']['name'] }}</p>
                    @if($message['act_type'])
                      <p class="card-text text-muted mt-3">{{ $message['act_type'] }}</p>
                    @endif
                    @if($message['publish_date'])
                      <p class="card-text mt-3"><span class="text-muted">Опубликовано:</span> {{ \Carbon\Carbon::parse($message['publish_date'])->format('d.m.Y') }}</p>
                    @endif


                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </section>
      @endif


      <h2 class="mt-3" style="text-align:center;">Количество Дел</h2>
      <br/>
      <canvas id="myChart"></canvas>
      <hr>
      --}}
      <div class="reviews">
        @if(isset($lawyer->reviews) && count($lawyer->reviews) > 0 )
          <p class="title">Отзывы об управляющем</p>
        @endif
        @if(isset($lawyer->reviews) && count($lawyer->reviews))
          @foreach($lawyer->reviewsSort as $review)
            <div class="reviews-column">
              <div class="comment-block">
                <div class="info">
                  <p class="name">{{$review->name}}</p>
                  <p class="date">{{\Carbon\Carbon::parse($review->created_at)->format('Y-m-d')}}</p>
                </div>
                <div class="rateit" data-rateit-value="{{$review->mark}}" data-rateit-ispreset="true"
                     data-rateit-readonly="true" data-rateit-mode="font" style="font-size:24px"></div>
                <div class="comment">
                  {{$review->comment}}
                </div>
              </div>
            </div>
          @endforeach
        @endif
        <div class="feedback-block" style="margin-bottom: 50px;">
          <p class="title">Оставить отзыв</p>
          <form class="feedback-form">
            <input class="lawyer_id" type="hidden" value="{{$lawyer->id}}">
            <label><input class="review_name" type="text" name="name" placeholder="Имя" required=""></label>
            <label><input class="review_surname" type="text" name="surname" placeholder="Фамилия" required=""></label>
            <div class="rating-block">
              <p>Ваша оценка <br/> управляющего:</p>
              <div class="rateit" data-rateit-mode="font"></div>
            </div>
            <label class="textarea"><textarea class="review_comment" name="text" placeholder="Ваш отзыв" required=""></textarea></label>
            <div class="form__item form__item--agree">
                <input type="checkbox" name="apply" id="lawyer-form_apply" required="" />
                <label for="lawyer-form_apply">
                    Я принимаю условия <a href="/polzovatelskoe-soglashenie" rel="nofollow" target="_blank">Пользовательского соглашения</a> и даю свое согласие на обработку моих персональных данных в соответствии с <a href="/politika-konfidencialnosti" rel="nofollow" target="_blank">Политикой конфиденциальности</a>
                </label>
            </div>                                                
            <button class="btn btn-yellow leave-feedback" type="button">Оставить отзыв</button>
          </form>
        </div>

        @include('sections.consult-form')
      </div>
    </div>
  </div>

@endsection

@section('script')
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"></script>

  <script>
    var years = {{ json_encode($years) }}
      var
    all_count = {{ json_encode($count) }}
      var
    done_count = {{ json_encode($done) }}
      var
    rejected_count = {{ json_encode($rejected) }}


      window.onload = function () {
      // Chart
      var ctx = document.getElementById('myChart');
      var chart = new Chart(ctx, {
        // The type of chart we want to create
        type: 'line',

        // The data for our dataset
        data: {
          labels: years,
          datasets: [{
            label: 'Все',
            borderColor: 'blue',
            backgroundColor: 'transparent',
            data: all_count
          },
            {
              label: 'Успешно',
              borderColor: 'green',
              backgroundColor: 'transparent',
              data: done_count
            },
            {
              label: 'Не Успешно',
              borderColor: 'red',
              backgroundColor: 'transparent',
              data: rejected_count
            }]
        },

        // Configuration options go here
        options: {}
      });
    }


    // Data Function
    function prettyDate(time) {
      var date = new Date(time);

      return date.toLocaleTimeString('en-GB', {
        hour: '2-digit',
        minute: '2-digit'
      });
    }


    // JQuery
    $(function () {
      $('.leave-feedback').on('click', function () {
        var lawyer_id = $('.lawyer_id').val()
        var name = $('.review_name').val()
        var surname = $('.review_surname').val()
        var mark = $('.rating-block').find('.rateit-range').attr('aria-valuenow')
        var comment = $('.review_comment').val()

        if(name.length > 1 || surname.length > 1 || comment.length > 100) {
          $.ajax({
            url: `/store/lawyer/review/${lawyer_id}`,
            type: "POST",
            data: {
              "_token": "{{ csrf_token() }}",
              name, surname, mark, comment
            }
          }).done(function (response) {
            // $('.reviews .feedback-block').before(`
            //     <div class="reviews-column">
            //             <div class="comment-block">
            //                 <div class="info">
            //                     <p class="name">${response.name}</p>
            //                     <p class="date">${prettyDate(response.created_at)}</p>
            //                 </div>
            //                 <div class="rateit" data-rateit-value="${response.mark}" data-rateit-ispreset="true" data-rateit-readonly="true" data-rateit-mode="font" style="font-size:24px"></div>
            //                 <div class="comment">
            //                     ${response.comment}
            //             </div>
            //         </div>
            //     </div>
            // `)
            // $(".rateit").rateit();
            location.reload();
          });
        } else {
          alert('Все поля обязательны для заполнения. Длина отзыва должна быть больше 100 симоволов.');
        }
      })

    })
  </script>
@endsection