@extends('layouts.app')

@section('content')
    <div class="content-section">
        <div class="content-block company-page" itemscope itemtype="https://schema.org/Organization">

            @include('sections.breadcrumbs')

            <x-admin.update-company :company="$comp" />

            <section class="company-row">
                <div class="contacts-column">

                  <div class="companyHead">
                    <div class="companyHead__logo">
                        <img src="{{ $comp->img ? asset("/storage/$comp->img") : $comp->logo  }}" alt="{{$comp->name}}">
                    </div>

                    <div class="companyHead__info">
                        <div class="title-block">
                            <h1 class="page-title"><span itemprop="name">{{$comp->name}}</span></h1>       
                            
                            @auth('admin')
                              <a style="display: table; margin-left: 10px; margin-top: -10px;" href="https://pravotop.ru/admin/lawyer-companies/{{$comp->id}}/edit">
                              <svg viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg" height="32" width="32"><path fill="red" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/></svg>
                            </a>
                            @endauth  
                        </div>
                        <div class="companyHead__foundation" >Основан в {{\Carbon\Carbon::parse($comp->reg_date)->format('Y')}} г.</div>

                        <div class="companyHead__recommend">
                            @php
                                $reviews_rating = 0;
                            @endphp
                            @if(isset($comp->reviews) && count($comp->reviews))
                                @foreach($comp->reviews as $val)
                                    @php $reviews_rating += floatval($val->mark) * 2 @endphp
                                @endforeach
                            @endif
                            @if(count($comp->reviews) != 0)
                                @php $success_percent = round($reviews_rating / count($comp->reviews),1) * 10 @endphp
                                @if($success_percent == 100)
                                    <div class="companyHead__recommend__marker" style="width: 100%"></div>
                                    <div class="companyHead__recommend__label">{{$success_percent}}% клиентов рекомендует</div>
                                @elseif($success_percent < 100 && $success_percent >= 50)
                                    <div class="companyHead__recommend__marker" style="width: {{$success_percent}}%"></div>
                                    <div class="companyHead__recommend__label">{{$success_percent}}% клиентов рекомендует</div>
                                @elseif($success_percent < 50)
                                    <div class="companyHead__recommend__marker" style="width: {{$success_percent}}%"></div>
                                    <div class="companyHead__recommend__label">{{$success_percent}}% клиентов рекомендует</div>
                                @endif
                            @else
                                <div class="companyHead__recommend__marker" style="width: 100%"></div>
                                <div class="companyHead__recommend__label">100% клиентов рекомендует</div>
                            @endif
                        </div>
                    </div>
                  </div>


                    {{-- Показываем медали, затем рейтинг как обычно --}}
                    {{--  @if($comp->id == 1) Банкрот Консалт --}}
                    @if($comp->review_rank == 1)
                      <div class="medal">
                        <i class="medal__icon medal__icon--type-{{ 1 }}"></i>
                        <div class="medal__label medal__label--type-{{ 1 }}">в&nbsp;рейтинге</div>
                      </div>
                    @elseif($comp->review_rank == 2)
                      <div class="medal">
                        <i class="medal__icon medal__icon--type-{{ 2 }}"></i>
                        <div class="medal__label medal__label--type-{{ 2 }}">в&nbsp;рейтинге</div>
                      </div>
                    @elseif($comp->review_rank == 3)
                      <div class="medal">
                        <i class="medal__icon medal__icon--type-{{ 3 }}"></i>
                        <div class="medal__label medal__label--type-{{ 3 }}">в&nbsp;рейтинге</div>
                      </div>
                    @elseif($comp->review_rank > 3)
                      <div class="placement">
                        @if($order_rank)
                          №{{ $order_rank }} в&nbsp;рейтинге
                        @else
                          №{{ $comp->review_rank }} в&nbsp;рейтинге
                        @endif                        
                      </div>
                    @endif
                    
                    @if(isset($comp->tags))
                      @php
                       $tags = explode(',', $comp->tags);
                       $count_tags = count($tags);
                       $remainder = $count_tags - 4;
                      @endphp                    
                      <div class="companyTags">
                        @if( $count_tags > 4 )
                          <input type="checkbox" name="companyTags" id="companyTags">
                        @endif
                        <div class="companyTags__body">
                          @foreach($tags as $tag)
                          <span>{{$tag}}</span>
                          @endforeach                          
                          
                          @if( $count_tags > 4 )
                            <label for="companyTags">+ещё {{$remainder}}</label>
                          @endif
                        </div>
                      </div>
                    @endif

                    @if(isset($comp->address))
                        <p class="address">
                          @if($comp->address->zip)
                            {{$comp->address->zip}}, <br/>
                          @endif
                          @if($comp->address->city)
                            г. {{$comp->address->city}},
                          @endif
                          @if($comp->address->address_line)
                            {{$comp->address->address_line}},
                          @endif
                          @if($comp->address->address_line_1)
                            {{$comp->address->address_line_1}}
                          @endif
                          </p>

                        {{-- Schema.org/PostalAddress Microdata --}}
                        <span itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
                            <meta itemprop="streetAddress" content="{{$comp->address->address_line}} {{$comp->address->address_line_1}}">
                            <meta itemprop="addressLocality" content="{{$comp->address->city}}">
                            <meta itemprop="postalCode" content="{{$comp->address->zip}}">
                        </span>


                    @endif
                    <div class="phone">
                        <a class="d-block" itemprop="telephone" href="tel:{{$comp->phone}}">{{$comp->phone}}</a>
                        <a class="d-block" href="tel:{{$comp->phone_1}}">{{$comp->phone_1}}</a>
                    </div>
                    <div id="companyFormTrigger"></div>
                    @if(isset($comp->site))
                      @php
                          if( str_starts_with($comp->site, 'http') ) {
                            $url = $comp->site;
                          } else {
                            $url = 'https://' . $comp->site;
                          }
                      @endphp
                      <a class="siteLink link" href="{{$url}}?utm_source=pravotop" target="_blank" rel="nofollow">{{$comp->site}}</a>

                      @if($comp->has_bttn)
                        <a href="{{$url}}?utm_source=pravotop" target="_blank" class="go-to-link btn btn-yellow">Перейти на сайт</a>
                      @endif
                    @endif
                </div>
                <div class="info-column">
                    <div class="images">
                        <img src="{{ $comp->img ? asset("/storage/$comp->img") : $comp->logo  }}" alt="">
                    </div>
                    <div class="recommendations">
                        @php
                            $reviews_rating = 0;
                        @endphp
                        @if(isset($comp->reviews) && count($comp->reviews))
                            @foreach($comp->reviews as $val)
                                @php $reviews_rating += floatval($val->mark) * 2 @endphp
                            @endforeach
                        @endif
                        @if(count($comp->reviews) != 0)
                            @php $success_percent = round($reviews_rating / count($comp->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>
                    {{--
                    <div class="mt-2">                        
                        <p><span>{{is_null($comp->jobs_count)?0:$comp->jobs_count}}</span> - всего дел</p>
                        <p><span>{{is_null($comp->debt_relief_count)?0:$comp->debt_relief_count}}</span> - списание долгов</p>                        
                        <p><span>{{is_null($comp->in_work)?0:$comp->in_work}}</span> - в работе</p>
                        <p><span>{{is_null($comp->write_off_denial)?0:$comp->write_off_denial}}</span> - отказ в списании</p>                        
                    </div>
                    --}}
                </div>
            </section>

            {{-- Schema.org/AggregateRating --}}
            @if ( (bool)$comp->avg_schema_rating )
              <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
                  <meta itemprop="ratingValue" content="{{ $comp->avg_schema_rating }}">
                  <meta itemprop="reviewCount" content="{{ $comp->review_count }}">
              </span>
            @endif

            <section class="advantages">
                <p class="ttlBlk visible-sm">Основная информация</p>
                <div class="advantages-row">
                    @if ( $comp->price )
                      <div class="advantages-column">
                          <p class="title">Стои&shy;мо&shy;сть</p>
                          <p><i class="fa fa-tag icon--company-stats"></i> {{$comp->price}} </p>
                      </div>
                    @endif
                    @if ( $comp->time )
                      <div class="advantages-column">
                          <p class="title">Сроки</p>
                          <p><i class="fa fa-clock icon--company-stats"></i> {{$comp->time}} </p>
                      </div>
                    @endif
                    <div class="advantages-column">
                        <p class="title">Год ос&shy;но&shy;ва&shy;ния</p>
                        <p><i class="fa fa-calendar icon--company-stats"></i> {{\Carbon\Carbon::parse($comp->reg_date)->format('Y')}}</p>
                    </div>
                    {{--
                    <div class="advantages-column">
                        <p class="title">Со&shy;труд&shy;ни&shy;ков</p>
                        <p><i class="fa fa-user icon--company-stats"></i>{{is_null($comp->workers_count)?0:$comp->workers_count}}</p>
                    </div>
                    --}}
                    <div class="advantages-column">
                        <p class="title">Отзывов</p>
                        <p><i class="fa fa-comments icon--company-stats"></i>{{isset($comp->reviews)?count($comp->reviews):0}}</p>
                    </div>
                    {{--
                      <div class="advantages-column">
                          <p class="title">Ус&shy;пеш&shy;ных дел</p>
                          @if($comp->jobs_count != 0)
                            @php $success_percent = round( ($comp->jobs_count - $comp->in_work - $comp->write_off_denial)/$comp->jobs_count*100 ) @endphp
                            <p>
                              @if($success_percent <= 100 && $success_percent > 50)
                                <i class="fa fa-circle icon--company-stats icon--company-sum-green"></i>
                              @elseif($success_percent < 50)
                                <i class="fa fa-circle icon--company-stats icon--company-sum-yellow"></i>
                              @endif

                              @if($comp->id == 1)
                                  99%
                              @else
                                  {{$success_percent}}%
                              @endif
                            </p>
                          @endif
                      </div>
                    --}}
                </div>

                {{-- 
                <div class="mt-2">
                    <p>Всего дел <b>{{is_null($comp->jobs_count)?0:$comp->jobs_count}}</b></p>
                    <p>Списание долгов <b>{{is_null($comp->debt_relief_count)?0:$comp->debt_relief_count}}</b></p>
                    <p>В работе <b>{{is_null($comp->in_work)?0:$comp->in_work}}</b></p>
                    <p>Отказ в списании <b>{{is_null($comp->write_off_denial)?0:$comp->write_off_denial}}</b></p>
                </div>
                --}}

                @php
                  $length = strlen($comp->desc);
                @endphp
                @if ($length > 200)
                  <input type="checkbox" name="advantages-description" id="advantages-description" value="">
                @endif
                <div class="advantages-description">
                  {!!$comp->desc!!}
                  @if ($length > 200)
                    <label for="advantages-description">ещё</label>
                  @endif
                </div>
            </section>

            @if ( $comp->has_form )
              @include('sections.consult-form')
            @endif

            @if ( isset($comp->videos) && $comp->videos->count() )
              <div class="offsetSlider-wrap">
                <section class="offsetSlider video-block owl-carousel">
                    @foreach ($comp->videos as $slideItem)
                          <div class="card">
                              <div class="card-img-top">
                                  <div class="embed-responsive embed-responsive-4by3">
                                    @if ( isset($slideItem->link) )
                                      <iframe class="embed-responsive-item" src="{{ $slideItem->embed_link }}"></iframe>
                                    @elseif ( isset($slideItem->link2) )
                                      @php
                                        $rutube = str_replace("/video/", "/play/embed/", $slideItem->link2);
                                      @endphp
                                      <iframe class="embed-responsive-item" src="{{ $rutube }}"></iframe>
                                    @endif
                                  </div>
                              </div>
                              @if ( !empty($slideItem->title) || !empty($slideItem->description) )
                                  <div class="card-body">
                                      <h5 class="card-title">{{ $slideItem->title  }}</h5>
                                      <p class="cart-text">{{ $slideItem->description  }}</p>
                                  </div>
                              @endif
                          </div>
                    @endforeach
                </section>
              </div>
            @endif
            @if ($comp->regions && $comp->regions->count())
              @include('sections.content-region', [
                'regions' => $comp->regions,
                'regionRoute' => "show.companies",
              ])
            @endif

            @if(isset($comp->managers) && count($comp->managers))
              <div class="managers">
                <p class="title">Юристы</p>
                <br />
                <div class="teamSlider owl-carousel">
                  @foreach($comp->managers as $manager)
                    <div class="teamItem ">
                      <div class="teamItem__img">
                        <img src="{{ $manager->img ? asset("/storage/$manager->img") : $manager->manager  }}" alt="{{$manager->name}}">                        
                      </div>
                      <div class="teamItem__name">{{$manager->name}}</div>
                      <div class="teamItem__info">{{$manager->comment}}</div>
                    </div>                  
                  @endforeach
                </div>                
              </div>
            @endif

            @if(count($court_services) || count($mfc_services))
              <div class="managers">
                  <p class="title">Услуги компании</p>
                  <br>
                  @if(count($court_services))
                    <p class="servicesTbl__title">Судебная процедура банкротства физ. лиц</p>
                    <br>
                    <div class="servicesTbl">
                        @foreach($court_services as $service)
                          <div class="servicesTbl__row">
                              <div class="servicesTbl__td">{{$service->name}}</div>
                              <div class="servicesTbl__td servicesTbl__td--price">{{$service->price}}</div>
                          </div>                                        
                        @endforeach                                    
                    </div>
                  @endif

                  @if(count($mfc_services))
                    <p class="servicesTbl__title">Внесудебное банкротство физ. лиц через МФЦ</p>
                    <br>
                    <div class="servicesTbl">
                        @foreach($mfc_services as $service)
                          <div class="servicesTbl__row">
                              <div class="servicesTbl__td">{{$service->name}}</div>
                              <div class="servicesTbl__td servicesTbl__td--price">{{$service->price}}</div>
                          </div>                                        
                        @endforeach                                    
                    </div>
                  @endif
              </div>
            @endif

           {{-- @if(isset($comp->lawyers) && count($comp->lawyers))
               <div class="managers">
                   <p class="title">Арбитражные управляющие</p>
                   <div class="managers-slider owl-carousel">
                       <div class="managers-column">
                           <div class="images">
                               <img src="{{asset('img/managers-3.png')}}" alt="">
                           </div>
                           <p class="name">Дарья Боцова</p>
                           <p class="position">директор департамента по работе с клиентами</p>
                       </div>
                       <div class="managers-column">
                           <div class="images">
                               <img src="{{asset('img/managers-4.png')}}" alt="">
                           </div>
                           <p class="name">Олег Калинкин</p>
                           <p class="position">директор департамента по работе с клиентами</p>
                       </div>
                       <div class="managers-column">
                           <div class="images">
                               <img src="{{asset('img/managers-5.png')}}" alt="">
                           </div>
                           <p class="name">Дарья Боцова</p>
                           <p class="position">директор департамента по работе с клиентами</p>
                       </div>
                       <div class="managers-column">
                           <div class="images">
                               <img src="{{asset('img/managers-3.png')}}" alt="">
                           </div>
                           <p class="name">Олег Калинкин</p>
                           <p class="position">директор департамента по работе с клиентами</p>
                       </div>
                       <div class="managers-column">
                           <div class="images">
                               <img src="{{asset('img/managers-5.png')}}" alt="">
                           </div>
                           <p class="name">Дарья Боцова</p>
                           <p class="position">директор департамента по работе с клиентами</p>
                       </div>
                   </div>
               </div>
           @endif --}}

            <div id="reviews" class="reviews">
                @if(isset($comp->reviews) && count($comp->reviews) > 0 )
                    <button id="filterBlk" class="filterBlk">
                      <div class="filterBlk__head">
                        <div class="filterBlk__icon">
                          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33333 15H9.16666M3.33333 5H16.6667H3.33333ZM3.33333 10H16.6667H3.33333Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </div>
                        <div class="filterBlk__selected">
                          @php
                            $new_active = '';
                            $old_active = '';
                            $positive_active = '';
                            $negative_active = '';
                          @endphp
                          @if($order == 'created_at' && $sort == 'desc')
                            Сначала новые
                            @php $new_active = 'filterBlk__link--active'; @endphp
                          @elseif($order == 'created_at' && $sort == 'asc')
                            Сначала старые
                            @php $old_active = 'filterBlk__link--active'; @endphp
                          @elseif($order == 'mark' && $sort == 'desc')
                            Сначала позитивные
                            @php $positive_active = 'filterBlk__link--active'; @endphp
                          @elseif($order == 'mark' && $sort == 'asc')
                            Сначала негативные
                            @php $negative_active = 'filterBlk__link--active'; @endphp
                          @endif
                        </div>
                      </div>
                      <div class="filterBlk__drop">
                        <a class="filterBlk__link {{$positive_active}}" href="?order=mark&sort=desc#reviews">Сначала позитивные</a>
                        <a class="filterBlk__link {{$negative_active}}" href="?order=mark&sort=asc#reviews">Сначала негативные</a>
                        <a class="filterBlk__link {{$new_active}}" href="?order=created_at&sort=desc#reviews">Сначала новые</a>
                        <a class="filterBlk__link {{$old_active}}" href="?order=created_at&sort=asc#reviews">Сначала старые</a>
                      </div>
                    </button>

                    <p class="title">Отзывы <span class="hidden-sm">о компании</span></p>

                    <div class="reviews__body">
                      @if(count($comp->reviews) > 3 )
                        <input id="reviews__switch" class="reviews__switch" type="checkbox" name="" value="">
                      @endif
                      @foreach($comp->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>
                                    @if( $loop->index > 2 )
                                      <div class="rateit-init" data-rateit-value="{{$review->mark}}" data-rateit-ispreset="true" data-rateit-readonly="true" data-rateit-mode="font"></div>
                                    @else
                                      <div class="rateit" data-rateit-value="{{$review->mark}}" data-rateit-ispreset="true" data-rateit-readonly="true" data-rateit-mode="font"></div>
                                    @endif
                                    <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="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="comment__text">
                                          {{$review->comment}}
                                          @if ($length > 350)
                                            <div class="comment__spoil">
                                              <label for="comment-{{$review->id}}">ещё</label>
                                            </div>
                                          @endif
                                      </div>

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

                              @foreach($comp->replies as $reply)
                                  @if( $reply->parent == $review->id )
                                    <div class="reviews-column" style="margin-left:50px; margin-top:15px;">
                                        <div class="comment-block">
                                            <div class="info">
                                                <p class="name">{{$reply->name}}</p>
                                                <p class="date">{{\Carbon\Carbon::parse($reply->created_at)->format('Y-m-d')}}</p>
                                            </div>
                                            <div class="comment">{{$reply->comment}}</div>
                                        </div>
                                    </div>
                                  @endif
                              @endforeach
                          </div>
                      @endforeach
                      @if(count($comp->reviews) > 3 )
                        <label for="reviews__switch" class="reviews__selector btn btn-yellow"></label>
                      @endif
                    </div>

                @endif

                <div class="feedback-block">
                    <p class="title">Оставить отзыв</p>
                    <form class="feedback-form" id="feedback-form" name="feedback-form">
                        <input class="company_id" name="company_id" type="hidden" value="{{$comp->id}}">
                        <input name="ipaddress" type="hidden" value="{{ request()->ip() }}">
                        <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 id="review_mark" class="rateit" data-rateit-mode="font"></div>
                            <input class="review_mark" name="mark" type="text" value="" required>
                        </div>
                        <label class="textarea"><textarea class="review_comment" name="comment"  placeholder="Ваш отзыв"  required></textarea></label>
                        <div class="form__item form__item--agree">
                            <input type="checkbox" name="apply" id="review-form_apply" required="" />
                            <label for="review-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" form="feedback-form" type="submit">Оставить отзыв</button>
                    </form>
                </div>
            </div>

        </div>
    </div>

<style media="screen">
    .review_mark {
      opacity: 0;
      height: 0;
      width: 0;
    }  
  @media (max-width:70px){
    .commentSpoil__text {
      height: 4.0em;
      position: relative;
    }
  }

  .commentSpoil__bttn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 18.16%);
    font-weight: 300;
    font-size: 14px;
    color: #01ABFF;
  }
  @media (min-width:70px){
    .commentSpoil__bttn {
      display: none;
    }
  }
</style>

@endsection

@section('script')
    <script>
        function prettyDate(time) {
            var date = new Date(time);

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

        $(function () {
          $('body').on('click', ".js-add-reply-form", function(e) {
        		$(this).hide();
        		var id = $(this).attr('data-comment-id');
        		var form = '<form id="reply-form-'+id+'" class="comment__form" name="reply-form">' +
        		'<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>' +
            '<div class="form__item form__item--agree">' +
            '<input type="checkbox" name="apply" id="reply-form_apply" required="" />' +
             '<label for="reply-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" 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('click', ".reviews__selector", function(e) {
            setTimeout(function() { 
              $(".rateit-init").rateit();
            }, 50);
        	});

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

            var company_id = $('.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();
            });

        	});

          $("#review_mark").bind('rated', function (event, value) { 
            $('[name="mark"]').val(value); 
            // console.log(value);
          });

          $('.feedback-form').submit(function(e) {
              e.preventDefault();
              var post_data = new FormData(this);
              post_data.append("_token", "{{ csrf_token() }}");
              post_data.append("parent", 0);
              var comment = $('.review_comment').val()
              var company_id = $('.company_id').val()
              console.log('post_data', post_data)
              if(comment.length > 100) {
                $.ajax({
                  url: `/store/company/review/${company_id}`,
                  dataType: 'json',
                  type: 'POST',
                  contentType: false,
                  processData: false,
                  data: post_data,
                  success: function(response) {
                    $('#reviews-modal').modal('show');
                    $(".feedback-form")[0].reset();
                  },
                  error: function (error) {
                      console.log(eval(error));
                  }
                });
              }else{
                  alert('Длина отзыва должна быть больше 100 симоволов.');
              }
            })
        })
    </script>

    <div class="modal fade" id="reviews-modal" tabindex="-1" role="dialog" aria-labelledby="request-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">
                        <p>Ваш отзыв отправлен на модерацию и будет добавлен на сайт в течение 24 часов</p>
                        <div class="btn btn-yellow btn-block" data-dismiss="modal">Ок</div>
                </div>
            </div>
        </div>
    </div>
@endsection