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

@section('styles')
<link rel="stylesheet" href="{{ asset('plugins/datatables/dataTables.bootstrap4.css') }}">
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/css/bootstrap4-toggle.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/custom.button-switch.css') }}">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
@endsection

@section('content')

    <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 Restaurant(s) wise Order 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="#">Reports</a></li>
              <li class="breadcrumb-item"><a href="{{ route('admin.reports.campaign.list') }}">End Campaign</a></li>
              <li class="breadcrumb-item active">Show</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 -->
        @if ($errors->any())            
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="form-group d-none">
          <div class="row">
            <div class="col-md-11">
                <div class="row">
                    <div class="col-md-3 pb-md-0 pb-lg-2 pb-3 d-none" >
                        <input type="text" class="form-control filter-button date" name="order_datepicker_from" id="order_datepicker_from" placeholder="Order Date - from" value="" autocomplete="off">
                    </div>
                    <div class="col-md-3 pb-md-0 pb-lg-2 pb-3 d-none" >
                        <input type="text" class="form-control filter-button date" name="order_datepicker_to" id="order_datepicker_to" placeholder="Order Date - to" value="" autocomplete="off">
                    </div>
                    <div class="col-md-3 pb-md-0 pb-lg-2 pb-3" >
                        <input type="text" class="form-control filter-button date" name="order_datetimepicker_from" id="order_datetimepicker_from" placeholder="Order Date - from" value="" autocomplete="off">
                    </div>
                    <div class="col-md-3 pb-md-0 pb-lg-2 pb-3" >
                        <input type="text" class="form-control filter-button date" name="order_datetimepicker_to" id="order_datetimepicker_to" placeholder="Order Date - to" value="" autocomplete="off">
                    </div>
                    <div class="col-md-6 pb-md-0 pb-lg-0 pb-0">
                    </div>
                </div>         
            </div>
            
            <div class="col-md-1 pb-md-0 pb-lg-2 pb-3">
                <a href="javascript:void(0)" class="btn btn-primary col-sm-12 filter-clear-button" style="display: none;">Clear</a>
            </div>            
          </div>
        </div>

        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
              <!-- <div class="card-header"> -->
                <!-- <h3 class="card-title">Quick Example</h3> -->
              <!-- </div> -->
              <!-- /.card-header -->
              <!-- form start -->              
                <div class="card-body">
                  <!-- <div class="card-header"><h3 class="card-title">Events details</h3></div><br> -->
                  <div class="row">
                    <div class="col-md-2"><label for="title">Event Name</label></div>
                    <div class="col-md-4">{{ $recordDetails->event['title']?$recordDetails->event['title']:'Not found.' }}</div>
                    <div class="col-md-2"><label for="name">Organizer Name</label></div>
                    <div class="col-md-4"><p class="text-success">{{ $recordDetails->eventUser->name??'Not found.' }}</p></div>
                  </div>

                  <div class="row">
                    <div class="col-md-2"><label for="exampleInputEmail1">Event ID</label></div>
                    <div class="col-md-4"><p class="text-primary">{{ $recordDetails->event['event_ID']?$recordDetails->event['event_ID']:'Not found.' }}</p></div>
                    <div class="col-md-2"><label for="exampleInputEmail1">Organizer contact</label></div>
                    <div class="col-md-4"><p class="text-primary">{{ $recordDetails->eventUser->phone??'Not found.' }}</p></div>
                  </div>
                </div>
            </div>
          </div>
        </div>       

        <div class="row">
          <div class="col-md-12">
            <div class="card card-primary">
                <div class="card-body table-responsive">
                  <!-- <div class="card-header"><h3 class="card-title">Restaurant List</h3></div><br> -->
                  <table id="artists-table" class="table table-bordered table-hover" width="100%">
                    <thead>
                      <tr>
                        <th>Restaurant Owner Details</th>
                        <th >Restaurant Details</th>
                        <th >Discount rate(%)</th>
                        <th>Amount (total)</th>
                        <th>Action</th>                       
                      </tr>
                    </thead>

                    <tbody>                      
                       @foreach($recordDetails->assoRestaurants as $assoRestaurant)
                       @php
                        $restaurant = $assoRestaurant->getRestaurant;
                       @endphp
                      <tr>
                        <td>
                          @if(objectToArray($restaurant->restaurantUser))
                            @foreach($restaurant->restaurantUser as $key => $owner)
                              <div class='border border-white'>
                                <span class='text-primary'>{{ $owner->name??'' }}</span><br>
                                <span class='text-danger'>{{ $owner->email??'' }}</span><br>
                                <!-- <b>{!! $owner->is_active==1?( "<span class='text-success'>Active</span>" ): "<span class='text-secondary'>Inactive</span>" !!}</b> -->
                              </div>
                            @endforeach
                          @endif
                        </td>
                        <td>
                          <span class='text-danger'>{{$restaurant->restaurant_name??''}}</span><br />
                          @php
                            $contact_no = '';

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

                            $contact_no .= $restaurant->phone??'';
                          @endphp

                          {{ trim($contact_no, ', ')??'Not found.' }}
                          <!-- <b>{!! $restaurant->is_active==1?( "<span class='text-success'>Active</span>" ): "<span class='text-secondary'>Inactive</span>" !!}</b> -->
                        </td>
                        <td width="15%">
                          @php
                            $associateEvents = $restaurant->restaurantAssociateEvent;
                            $eventId = $associateEvents->pluck('event_id')->search($recordDetails->event['id']);
                            $associateEventDetails = $associateEvents[$eventId];
                            $restaurant_response = $associateEventDetails->is_confirm_by_restaurant;
                            $admin_send_request = $associateEventDetails->is_interest_send_by_admin;

                            if($admin_send_request == 0) {
                                $restaurant_response = "Send request";
                            }
                            elseif($admin_send_request && $restaurant_response == 0) {
                                $restaurant_response = "pending";
                            }
                            else if($admin_send_request && $restaurant_response == 1) {
                                $restaurant_response = "approved";
                            }
                            else if($restaurant_response == 2) {
                                $restaurant_response = "rejected";
                            }
                          @endphp

                          {{ $associateEventDetails->discount_rate??0 }}
                        </td>                    
                        <td>
                          <table width="100%">
                            <tbody>
                              <tr>
                                <td>Restaurant(s) sold(base price)</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ $assoRestaurant->total_base_price }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Admin earn</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ $assoRestaurant->total_admin_commission_price }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Sold(without tax)</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ $assoRestaurant->total_price }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Tax.</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ $assoRestaurant->total_tax_price }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Final sold</td>
                                <td align="right">
                                  <span class="text-danger font-weight-bold blink_me"> ${{ $assoRestaurant->final_price }}</span>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td class="text-center">
                          <a title="show order records" href="{{ url('admin/reports/campaign/'.$recordDetails->event['id'].'/restaurant/'.$restaurant->id) }}" class='delete-btn btn btn-warning btn-xs'><b><i class="fa fa-eye" aria-hidden="true"></i></b></a>                         
                        </td>                         
                      </tr>
                      @endforeach                       
                    </tbody>
                  </table>
                </div>           
            </div>          
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>       
      </div><!-- /.container-fluid -->

      <div class="card-footer">
        <a href="{{ route('admin.reports.campaign.list') }}" class="btn btn-danger">Back</a>                  
      </div>

      <button id="scrollTopBtn" class="scrollTopBtn" title="Go to top">Top</button>
    </section>
    <!-- /.content -->
@endsection

@section('scripts')
<script type='text/javascript' src="{{asset('plugins/datatables/jquery.dataTables.js') }}"></script> 
<script type='text/javascript' src="{{asset('plugins/datatables/dataTables.bootstrap4.js') }}"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.4.0/js/bootstrap4-toggle.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
  $(function () {

    $('#artists-table').DataTable({
        "language": {
          "lengthMenu": "Show: _MENU_ records per page",
          "zeroRecords": "Oops No record Found",                
          "infoEmpty": "No records available",
          "infoFiltered": "(filtered from _MAX_ total records)"
      },
        paging: true,
        pagingType: 'full_numbers',
        info: true,
        autoWidth: false,
        "columnDefs": [
          { "orderable": false, "targets": [3, 4] }
        ]
    });

  });
</script>
@endsection