@extends('layouts.app')

@section('content')
<main class="artist-details-main">
@include('frontend/artistSummarHeader')


    <section class="artist-details-section">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="artist-info">
                <div class="header">
                    <h3><span><img src="{{asset('frontend/assets/img/new/icon1.png')}}" alt="user"></span>Artist Act Details</h3>
                </div>
                <div class="art-duration">
                    <div class="row">
                        <div class="col-sm-6">
                           <p>Arrival Time</p> 
                        </div>
                        <div class="col-sm-6">
                           <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->act_arrival}} @endif</p> 
                        </div>

                        <div class="col-sm-6">
                            <p>Duration</p> 
                         </div>
                         <div class="col-sm-6">
                            <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->duration}} @endif</p> 
                         </div>

                         <div class="col-sm-6">
                            <p>Performance Start/End</p> 
                         </div>
                         <div class="col-sm-6">
                            <p class="txtgray"> @if(!empty($DtailsQuotes)) {{$DtailsQuotes->performance_start}}-{{  $DtailsQuotes->end_time_duration}} @endif</p> 
                         </div>

                         <div class="col-sm-6">
                            <p>Venue Name</p> 
                         </div>
                         <div class="col-sm-6">
                            <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->venu_name}} @endif</p> 
                         </div>
                    </div>
                </div>
            
            </div>
          </div>

          <div class="col-lg-6">
            <div class="artist-info">
                <div class="header artist-info-bg">
                    <h3 class="text-white">{{ Auth::user()->hasRole('Artist') ? "User Detail" : "Artist detail" }}</h3>
                </div>
                <div class="art-duration">
                    <div class="row">
                        <div class="col-sm-3">
                           <p>Full Name</p> 
                        </div>
                        <div class="col-sm-9">
                           <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->first_name}} {{$DtailsQuotes->last_name}} @endif</p> 
                        </div>

                        <div class="col-sm-3">
                            <p>Phone</p> 
                         </div>
                         <div class="col-sm-9">
                            <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->phone}} @endif</p> 
                         </div>

                         <div class="col-sm-3">
                            <p>Email</p> 
                         </div>
                         <div class="col-sm-9">
                            <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->email}} @endif</p> 
                         </div>

                         <div class="col-sm-3">
                            <p>City</p> 
                         </div>
                         <div class="col-sm-9">
                            <p class="txtgray">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->city}} @endif</p> 
                         </div>
                    </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- contct-banner-section-ends-here -->

    <!-- communication-section-start -->
    <section class="communication-section">
        <div class="container">
            <div class="chat">
                <div class="row">
                    <div class="col-12">
                        <div class="communication-header">
                            <h3 class="mb-0"><span><img src="{{asset('frontend/assets/img/new/comment.png')}}" alt="icon"></span>Communication</h3>
                        </div>
                    </div>
                </div>
                <div class="row w-100 mx-0 chatpd">
                  <div class="col-12">
                    <div id="chat-content">

                      <div id="refresh-div">
                              @foreach ($messages as $message)
                                <div class="chat-section">
                                    <div class="chat-box {{ $message->sender_id ==  Auth::user()->id ? 'box-right' : ''  }}">
                                      @if($message->sender_id !=  Auth::user()->id)
                                        <div class="chat-user">
                                           <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                         </div>
                                         @endif
                                        <div class="chat-info">
                                          <div class="chat-text">
                                            @php
                                            $string = explode(' ', $message->message);
                                            $string1 = $message->message;
                                            foreach($blockedwords as $word){
                                              if(array_search(strtolower($word['word']), array_map('strtolower', $string))) {
                                                $string1 = str_ireplace ($word, '<span class="blocked-word">'.strtolower($word['word']).'</span>', $string1);
                                              }
                                            }
                                            @endphp
                                            <p class="cht-content">{!! $string1 !!}</p>
                                            </div>
                                            <small>{{date('F j, Y, g:i a', strtotime($message->created_at))}}</small>
                                        </div>
                                      @if($message->sender_id ==  Auth::user()->id)
                                        <div class="chat-user">
                                           <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                         </div>
                                         @endif
                          
                                    </div>
                                </div>
                              @endforeach
                        
                              @if(!empty($offers))
                        <div class="chat-section">
                            <div class="chat-box {{ $message->sender_id ==  Auth::user()->id ? 'box-right' : ''  }}">
                              
                            @if($message->sender_id !=  Auth::user()->id)
                                        <div class="chat-user">
                                           <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                         </div>
                                         @endif
                                <div class="chat-info">
                                   <div class="chat-text">
                                          <form action="{{ route('redirect-payment') }}" method="POST">
                                            @csrf
                                              <div class="head">
                                                <div class="chat-hrs">2x1 hours set</div><div class="chat-rate">@if(!empty($offers->price)) <i class="fas fa-euro-sign"></i> {{$offers->price}} @endif</div>
                                              </div>
                                                 <input type="hidden" id="offer_amount" name="price" value="@if($offers->price) {{$offers->price}} @endif">
                                                 <input type="hidden" id="offertype" name="offertype" value="CustomOffer">
                                                  @if(!empty($DtailsQuotes))
                                                  <input type="hidden" name="artist_quotes_id" id="artist_quotes_id" value="{{ $DtailsQuotes->id }}">
                                                  <input type="hidden" name="offer_amount_id" id="offer_amount_id" value="{{ $offers->id }}">
                                                  @endif
                                               
                                                 <div class="cht-content">
                                                  <p class="cht-width">{{$offers->details}} </p>
                                                  <div class="chatbtn-group">
                                                      @if( Auth::user()->hasRole('Artist') )
                                                      <a href="javascript:void(0)" class="btn chat-btn decline-btn btn-lg" onclick="Decline('{{$offers->id}}')">Cancel</a>
                                                      @else
                                                      <button type="submit" class="btn accept-btn chat-btn btn-lg">Accept</button>
                                                      <a href="javascript:void(0)" class="btn chat-btn decline-btn btn-lg" onclick="Decline('{{$offers->id}}')">Decline<a>
                                                  @endif
                                                 
                                                 </div>
                                                 </div>
                                          </form>
                                    </div> 
                                    <small>{{date('F j, Y, g:i a', strtotime($offers->created_at))}}</small>
                                </div>
                                
                                @if($message->sender_id ==  Auth::user()->id)
                                        <div class="chat-user">
                                           <img src="{{asset('frontend/assets/img/new/chat-user2.png')}}" class="img-fluid" alt="...">
                                         </div>
                                         @endif
                            </div>
                        </div>
                                              @endif
                    </div>

                  </div>

                      <div class="get-update text-right">
                        <a href="javascript:void(0)" class="btn getupdate-btn btn-lg" onclick="LoadMoreChat()"><span class="pr-1"><i class="fa fa-refresh fa-spin"></i></span> Refress</a>
                      </div>

                      <div class="get-input">
                        <div  class="chat-inputs">
                          <div class="input-group mb-3">
                          <!-- <input type="text" class="form-control" placeholder="Write Something"> -->
                           @if(!empty($DtailsQuotes))
              								<input type="hidden" name="sender_id" id="sender_id" value="@if(Auth::id()) {{Auth::id()}} @endif">
              								<input type="hidden" name="artist_quotes_id" id="artist_quotes_id" value="{{ $DtailsQuotes->id }}">
              								<input type="hidden" name="receiver_id" id="receiver_id" value="{{$DtailsQuotes->userid}}">
              								<input type="text" name="message" class="form-control publisher-input" id="message" placeholder="Write something">
		                      @endif



                          <button id="send-message"><img src="{{asset('frontend/assets/img/new/send-img.png')}}"  alt="send"></button>
                          @if( Auth::user()->hasRole('Artist') )
                          <div class="input-group-append">
                            <span class="input-group-text mr-lg-4 mr-0" id="basic-addon2" data-toggle="modal" data-target="#modalDiscount"><img src="{{asset('frontend/assets/img/new/offer.png')}}" alt="offer"></span>
                          </div>
                          @endif
                          </div>
                        </div>
                      </div>
                      <div class="get-input" id="message-errors">
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!--Modal: modalDiscount-->
    <div class="modal fade right" id="modalDiscount" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
      aria-hidden="true" data-backdrop="true">
      <div class="modal-dialog modal-side modal-bottom-right modal-notify modal-danger" role="document">
        <!--Content-->
        <div class="modal-content">
          <!--Header-->
          <div class="modal-header">
            <p class="heading">Create Custom
              <strong>offer</strong>
            </p>

            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true" class="white-text">&times;</span>
            </button>
          </div>
          <!--Body-->
          <div class="modal-body">
            <div class="row">
              <span id="contact_success"></span>
              <span id="contact_error"></span>
              <div class="col-md-12">
                <form action="{{ route('offerPaymnet') }}" method="post" id="customoffer">
                  @csrf
                  <div class="form-group">
                    <div class="chat-hrs">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->venu_name}} @endif</div><div class="chat-rate">@if(!empty($DtailsQuotes)) {{$DtailsQuotes->duration}} @endif</div>
                  </div>
                  <div class="form-group">
                   <lable>Price: </lable>
                   <input type="number" class="form-control" name="price" id="price">
                   <input type="hidden" name="sender_id" id="sender_id" value="@if(Auth::id()) {{Auth::id()}} @endif">
                   <input type="hidden" name="receiver_id" id="receiver_id" value="{{$DtailsQuotes->userid}}">
                   <input type="hidden" name="artistqtid" id="receiver_id" value="{{$mainID}}">
                  </div>
                  <div class="form-group">
                    <lable>Details: </lable>
                   <textarea class="form-control" name="description" rows="10"></textarea>
                  </div>
                </form>

              </div>
            </div>
          </div>
          <!--Footer-->
          <div class="modal-footer flex-center">
            <a href="javascript:void(0);" class="btn btn-danger" id="createoffer">Create 
              <i class="fas fa-gift fa-1x"></i>
            </a>
            <a type="button" class="btn btn-outline-danger waves-effect" data-dismiss="modal">Cancel</a>
          </div>
        </div>
        <!--/.Content-->
      </div>
    </div>
    <!--Modal: modalDiscount-->

    <!-- communication-section-ends -->
  </main>
  <script type="text/javascript" src="{{asset('frontend/assets/js/artist_quotes.js')}}"></script>


@endsection