@extends('admin.layouts.admin')
@section('title')
Admin | Show Campaign Restaurant
@endsection

@section('styles')
@endsection

@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Show Request Restaurant Details</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
              <li class="breadcrumb-item"><a href="#">Campaigns</a></li>
              <li class="breadcrumb-item"><a href="{{ route('admin.campaigns.campaign.list') }}">campaign</a></li>
              <li class="breadcrumb-item active">Restaurant</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->        
        <!-- /.row -->
        <!-- Main row -->
        <div class="row">
        <div class="col-md-12">
        <div class="card card-primary">

            @if ($errors->any())            
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
              <!-- <div class="card-header"> -->
                <!-- <h3 class="card-title">Quick Example</h3> -->
              <!-- </div> -->
              <!-- /.card-header -->
              <!-- form start -->              
                <div class="card-body">

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Campaign Active Status</label></div>
                      <div class="col-md-8">
                        <p class="">
                          @if($recordDetails['is_active'] == 1)
                            <span class="badge badge-success status">ACTIVE</span>
                          @else                      
                            <span class="badge badge-secondary status">INACTIVE</span>
                          @endif
                        </p>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Event ID</label></div>
                      <div class="col-md-8">
                      <p class="text-primary">{{ $recordDetails['event_ID']?$recordDetails['event_ID']:'Not found.' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Event Name</label></div>
                      <div class="col-md-8">
                      <p class="text-success">{{ $recordDetails['title']?$recordDetails['title']:'Not found.' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Event Promotion Date(s)</label></div>
                      <div class="col-md-8">
                      <p class="font-weight-bold">                        
                        @php
                          $recordDetails['promotion_start_date'] = utcToLocalDateTime($user_timezone, $recordDetails['promotion_start_date']);
                          $recordDetails['promotion_end_date'] = utcToLocalDateTime($user_timezone, $recordDetails['promotion_end_date']);
                        @endphp

                        {{ date('M j, Y', strtotime($recordDetails['promotion_start_date'])).' - '.date('M j, Y', strtotime($recordDetails['promotion_end_date'])) }}
                      </p></div>
                    </div>
                  </div> 

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Restaurant Name</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $restaurantDetails['restaurant_name']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="exampleInputEmail1">Restaurant Active Status</label></div>
                      <div class="col-md-8">
                        <p class="">
                          @if($restaurantDetails['is_active'] == 1)
                            <span class="badge badge-success status">ACTIVE</span>
                          @else                      
                            <span class="badge badge-secondary status">INACTIVE</span>
                          @endif
                        </p>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Restaurant Address</label></div>
                      <div class="col-md-8">
                      <p class="">{{ $restaurantDetails['address']??'' }}</p></div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Restaurant Contact</label></div>
                      <div class="col-md-8">
                        @php
                          $contact_no = '';
                          $email = '';

                          if(isset($restaurantDetails->restaurantUser) &&  count($restaurantDetails->restaurantUser)) {
                            foreach($restaurantDetails->restaurantUser as $key2 => $user)
                            $contact_no .= $user->phone.', ';
                            $email .= $user->email.', ';
                          }

                          $contact_no .= $restaurantDetails->phone??'';
                          $contact_no = trim($contact_no, ', ');
                          $email = trim($email, ', ');
                        @endphp

                          @if($contact_no)
                            <i class="nav-icon fa fa-phone"></i> {{ $contact_no }}                          
                          @endif
                          <div>
                            @if($email)
                            <i class="nav-icon fa fa-envelope"></i> {{ $email }}
                            @endif
                          </div>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Restaurant Badge discount rate</label></div>
                      <div class="col-md-8 font-weight-bold">
                       {{ $eventAssociatedRestaurantDetails->discount_rate??0 }}%                        
                      </div>
                    </div>
                  </div> 

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Restaurant Owner response</label></div>
                      <div class="col-md-8 font-weight-bold">
                      @if($eventAssociatedRestaurantDetails->is_confirm_by_restaurant == 0)
                        <span class="text-primary">Pending</span>
                      @elseif($eventAssociatedRestaurantDetails->is_confirm_by_restaurant == 1)
                        <span class="text-success">Interested</span>
                      @elseif($eventAssociatedRestaurantDetails->is_confirm_by_restaurant == 2)
                        <span class="text-danger">Not Interested</span>
                      @endif
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <div class="row">
                      <div class="col-md-4">
                      <label for="Address">Send request to Restaurant Owner</label></div>
                      <div class="col-md-8">
                      @if($eventAssociatedRestaurantDetails->is_interest_send_by_admin == 0)
                        <a href="{{ url('admin/campaigns/campaign/associatedRestaurant/'.$recordDetails->id.'/'.$restaurantDetails->id) }}" title="click to send resquest" ><button class="btn btn-primary sendRequest">Send</button></a>
                      @elseif($eventAssociatedRestaurantDetails->is_interest_send_by_admin == 1)
                        Already Sent &nbsp; 
                        @if($eventAssociatedRestaurantDetails->is_confirm_by_restaurant == 0)
                          <a href="{{ url('admin/campaigns/campaign/associatedRestaurant/'.$recordDetails->id.'/'.$restaurantDetails->id) }}" title="click to send resquest" ><button class="btn btn-primary sendRequest">Send again</button>
                          </a>
                          <img class="loader after-submit" style="width: 30px; display: none;" src="{{ asset('images/admin-loader.gif')}}">
                        @endif
                      @endif
                      </div>
                    </div>
                  </div>                 

                  <div class="form-group">
                      <div class="row">
                          <div class="col-md-12" id="map" >
                              <div class="hpadding20">
                                  <div id="map_canvas" class=""></div>
                              </div>
                              <div class="lat-long-div-text" >
                                  <span class="text-danger"><label class="d-none"></label></span>        
                              </div>
                          </div>
                      </div>
                  </div>

                </div>
                <!-- /.card-body -->

                <div class="card-footer d-none">
                  <a href="{{ url()->previous() }}" class="btn btn-danger">Back</a>                  
                </div>              
            </div>          
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>        
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
      <button id="scrollTopBtn" class="scrollTopBtn" title="Go to top">Top</button>
    </section>
    <!-- /.content -->
@endsection

@section('scripts')
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key={{ get_setting('google-api-key') }}"></script>

<script type="text/javascript">
initialize({{ $restaurantDetails->latitude??''}}, {{ $restaurantDetails->longitude??''}});
function initialize(latitude, longitude) {
    $('.loader').hide();
    $("#map_canvas").css({height: '300px', width: '100%' });
    $(".lat-long-div-text, .address-valid").show();        
    var myLatLng = {lat: latitude, lng: longitude};
    
    map = new google.maps.Map(document.getElementById('map_canvas'), {
        center: myLatLng,
        zoom: 14                    
    });
            
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        draggable: false,
        animation: google.maps.Animation.DROP,
        title: latitude + ', ' + longitude 
    }); 

    google.maps.event.addListener(marker,'dragend',function(event){
        $('input[name=latitude]').val(event.latLng.lat());
        $('input[name=longitude]').val(event.latLng.lng());
    });                  
}

$(".sendRequest").on("click", function(){

  if (!confirm('Are you sure to send request?')) {
    return false;
  }

  $(this).prop("disabled", true);
  $(".after-submit").show();
});
</script>
@endsection