@extends('layouts.dashboard')
@section('content')

<div class="content-wrapper" style="min-height: 241px;">
    <div class="content-header">
        <div class="container-fluid">
            @if(Session::has('msg'))
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('msg') }}</p>
            @endif
          <div class="row mb-2">
            <div class="col-sm-6">
              <h1 class="m-0">Event Details</h1>
            </div>
            <div class="col-sm-6">
              <a type="button" class="btn btn-primary float-right" href="{{ url('event/list') }}">All Events</a>
            </div>
          </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <!-- Main content -->
                    <div class="card p-3 mb-3">
                        <div class="row">
                            <div class="col-12 col-sm-6">
                            <h5 class="float-left bg-warning p-2 border border-dark rounded">Event Id: 
                                {{ $eventDetails->human_usable_id }}</h5>
                            </div>
                            <div class="col-12 col-sm-6">
                                <h5 class="float-right bg-success p-2 border border-dark rounded">Event Status:
                                    @if($eventDetails->is_cancelled == 1) 
                                    <span>Cancelled</span>
                                    @elseif ($eventDetails->event_date >= date("Y-m-d"))
                                    <span>Upcoming</span>
                                    @elseif ($eventDetails->event_date < date("Y-m-d"))
                                    <span>Past</span>
                                </h5>
                                    @endif
                            </div>


                           
                        </div>
                        <hr>
                        <!-- details row -->
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <h4>Event Details  <span> <button data-id="" type="button" class="btn btn-primary btn-sm float right" data-toggle="modal" data-target="#editEvent">Edit</button></span> </h4>
                                <table style="width:100%">
                                
                                    <tr>
                                        <th>Event Name:</th>
                                        <td>{{ $eventDetails->event_name }}</td>
                                    </tr>
                                    <tr>
                                        <th>Event Description:</th>
                                        <td>{{ $eventDetails->description }}</td>
                                    </tr>
                                    <tr>
                                        <th>Guest:</th>
                                        <td>{{$eventDetails->guest_count}}</td>
                                    </tr>

                                    <tr>
                                    <th>Event Date:</th>
                                    <td>{{ viso_date_format($eventDetails->event_date) }}</td>
                                    </tr>
                                    <tr>
                                    <th>Event Time:</th>
                                    <td>{{ viso_time_format($eventDetails->event_start_time) }}</td>
                                    </tr>
                                    <tr>
                                    <th>Event City:</th>
                                    <td>{{$eventDetails->city_name}}</td>
                                    </tr>
                                    <tr>
                                        <th>Event Country:</th>
                                        <td>{{$eventDetails->country_name}}</td>
                                    </tr>
                                    <tr>
                                    <th>Event Address:</th>
                                    <td>{{$eventDetails->area}}</td>
                                    </tr>
                                    <tr>
                                    <th>Created on</th>
                                    <td>{{$eventDetails->created_at}}</td>
                                    </tr>
                                    <tr>
                                    <th>Updated on</th>
                                    <td>{{$eventDetails->updated_at}}</td>
                                    </tr>
                                    
                                </table>
                            </div>
                            <div class="col-12 col-sm-6">
                                <h4>Host Details</h4>
                                <table style="width:100%">
                                    <tr>
                                        <th>Host Name:</th>
                                        <td>{{$eventDetails->name}}</td>
                                    </tr>
                                    <tr>
                                        <th>Host Contact:</th>
                                        <td>{{$eventDetails->phone}}</td>
                                    </tr>
                                    <tr>
                                        <th>Host Email Id:</th>
                                        <td>{{$eventDetails->email_id}}</td>
                                    </tr>
                                    <tr>
                                        <th>Event Status:</th>
                                        <td>{!! ($eventDetails->is_cancelled) ? "<button class='btn btn-sm btn-danger'>Cancelled</button>":"<button class='btn btn-sm btn-success'>Active</button>" !!}</td>
                                    </tr>
                                    
                                    @if (!empty($eventDetails->is_cancelled))
                                        <tr>
                                            <th>Reason:</th>
                                            <td>{{$eventDetails->cancel_reason}}</td>
                                        </tr>
                                        <tr>
                                            <th>Cancel Time:</th>
                                            <td>{{$eventDetails->cancel_date_time}}</td>
                                        </tr>
                                    @endif
                                   
                                </table>
                            </div>
                        </div>
                        <!-- /.row -->
                        <br>
                        <hr>
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h3 class="card-title">Services List</h3>
                                    </div>
                                    <div class="card-body table-responsive p-0">
                                        <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                <th>No</th>
                                                <th>Service Name</th>
                                                <th>Description</th>
                                                <th>Date</th>
                                                <th>Expected Time</th>
                                                <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($eventServices as $eventServicesList)
                                                <tr>
                                                    <td>{{ $eventServicesList->id }}</td>
                                                    <td>{{ $eventServicesList->name }}</td>
                                                    <td>{{ $eventServicesList->description }}</td>
                                                    <td>{{ viso_date_format($eventServicesList->expected_event_date) }}</td>
                                                    <td>{{ viso_time_format($eventServicesList->expected_start_time) }}</td>
                                                    <td><button data-id="{{ $eventServicesList->id }}" type="button" class="btn btn-primary" data-toggle="modal" data-target="#editService">Edit</button></td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br>
                        <hr>
                        <br>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card card-primary">
                                            <div class="card-header">
                                                <h3 class="card-title">Vendor Quotes ({{ count($vendors) }})</h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @foreach($vendors as $vendor)
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card card-warning direct-chat direct-chat-warning shadow">
                                            <div class="card-header">
                                                <h3 class="card-title"><a href="{{ url('user/vendorDetails') }}/{{ $vendor['id'] }}"> {{ $vendor['name'] }} </a> </h3>
                                                <div class="card-tools mr-5">
                                                    <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fa fa-minus"></i>
                                                    </button>
                                                    <button type="button" class="btn" id="chat" title="Contacts"  data-eventid="{{ $eventDetails->id }}" 
                                                    data-hostid="{{ $eventDetails->hostid }}" 
                                                    data-serviceid="{{ $eventServicesList->service_id }}" data-vendorid="{{ $vendor['id'] }}" 
                                                    data-conversation="{{ $vendor['conv_id'] }}" 
                                                    data-toggle="modal" data-target="#exampleModal">
                                                    <i class="fa fa-comments"></i>
                                                    </button>
                                                </div>

                                                @if(($vendor['is_hired']==1))
                                                <div class="ribbon-wrapper ribbon-sm">
                                                    <div class="ribbon bg-success">
                                                        Hired
                                                    </div>
                                                </div>
                                                @elseif($vendor['chat_initiated'] > 0)
                                                <div class="ribbon-wrapper ribbon-sm">
                                                    <div class="ribbon bg-success">
                                                        Initiated
                                                    </div>
                                                </div>
                                                <div></div>
                                                @endif

                                            </div>

                                            <div class="card-body">
                                                <div class="card-body table-responsive p-0">
                                                    <table class="table table-hover">
                                                    <thead>
                                                        <tr>
                                                        <th>Service Name</th>
                                                        <th>Quote description</th>
                                                        <th>Quote</th>
                                                        <!-- <th>Discounted Quote</th> -->
                                                        <th>Discount</th>
                                                        </tr>
                                                    </thead>
                                                    
                                                    <tbody>
                                                        @foreach($eventVendorQuote[$vendor['name']] as $eventVendorQuotesList)
                                                        <tr>
                                                            <td>{{ $eventVendorQuotesList->service_name }}</td>
                                                            <td>{{ $eventVendorQuotesList->vendor_description }}</td>
                                                            <td>{{ $eventVendorQuotesList->quote }}</td>
                                                            
                                                            <td><span>{{ $eventVendorQuotesList->discount_value }}</span>
                                                            @if (($eventVendorQuotesList->discount_type == 'percentage'))
                                                            <span>%</span>
                                                            @else
                                                            <span>Rs</span>

                                                             @endif</td>
                                                            
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                    </table>
                                                </div>

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

<!-- Edit Event Details Modal -->
<div class="modal fade" id="editEvent" tabindex="-1" role="dialog" aria-labelledby="editEventDetails" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="editEventDetails">Edit Event Details</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="{{ url('event/update-event', ['id' => $eventDetails->id]) }}" method="post">
        @csrf
        @method('PUT')
        <div class="modal-body">      
            <div class="mb-3">
                <label for="event_name" class="form-label">Event Name</label>
                <input type="text" class="form-control" id="event_name" name="event_name" value="{{ $eventDetails->event_name }}">
            </div>
            <div class="mb-3">
                <label for="description" class="form-label">Event Description</label>
                <textarea class="form-control" id="description" name="description" rows="3">{{ $eventDetails->description }}</textarea>
            </div>
            <div class="mb-3">
                <label for="guest_count" class="form-label">Guest</label>
                <input type="number" class="form-control" id="guest_count" name="guest_count" value="{{$eventDetails->guest_count}}">
            </div>
            <div class="mb-3">
                <label for="event_date" class="form-label">Event Date</label>
                <input type="text" class="form-control" id="event_date" name="event_date" value="{{ $eventDetails->event_date }}">
            </div>
            <div class="mb-3">
                <label for="event_start_time" class="form-label">Event Time</label>
                <input type="text" class="form-control" id="event_start_time" name="event_start_time" value="{{ $eventDetails->event_start_time }}">
            </div>
            <div class="mb-3">
                <label for="area" class="form-label">Event Address <small>(area)</small></label>
                <input type="text" class="form-control" id="area" name="area" value="{{$eventDetails->area}}">
            </div>
        </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">Submit</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
      </form>
    </div>
  </div>
</div>
<!-- Edit Event Modal end -->


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Conversation</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" id="chatbody">
        <!-- chat start -->
        <!-- chat end -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal end -->

<!-- Modal -->
<div class="modal fade" id="editService" tabindex="-1" role="dialog" aria-labelledby="editServiceLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="editServiceLabel">Client Service</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="{{ url('event/updateservices') }}" method="post">
      <div class="modal-body">      
            <div class="mb-3">
                <label for="datetime" class="form-label">Expected DateTime</label>
                {{ csrf_field() }}
                <input type="hidden" class="form-control" id="serviceid" name="serviceid">
                <input type="text" class="form-control" id="datetime" name="datetime">
            </div>
            
            <div class="mb-3">
                <label for="description" class="form-label">Description</label>
                <textarea class="form-control" id="description" name="description" rows="3"></textarea>
            </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">Submit</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
      </form>
    </div>
  </div>
</div>
<!-- Modal end -->

@endsection