@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">
            <h3 class="m-0 text-dark">Show Restaurant(s) wise Order Details</h3>
          </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="#">Orders</a></li>
              <li class="breadcrumb-item"><a href="{{ route('admin.orders.campaign.list') }}">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-12 col-md-12 col-lg-12 order-2 order-md-1">
            <div class="row">
              <div class="col-12 col-sm-4">
                <div class="info-box bg-light">
                  <div class="info-box-content">
                    <span class="info-box-text text-center text-muted">Total Campaigns Collection</span>
                    <h5><span class="info-box-number text-center mb-0 text-success"><span class="total_campaign_collection "></span> / <small class="font-weight-bold">${{ $recordDetails->event['target_fund'] }}</small></span></h5>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-4">
                <div class="info-box bg-light">
                  <div class="info-box-content">
                    <span class="info-box-text text-center text-muted">Total Restaurant Collection</span>
                    <h5><span class="info-box-number text-center text-muted mb-0 total_restaurant_collection font-weight-bold"></span></h5>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-4">
                <div class="info-box bg-light">
                  <div class="info-box-content">
                    <span class="info-box-text text-center text-muted">Total Admin Collection</span>
                    <h5><span class="info-box-number text-center mb-0 text-primary total_admin_collection font-weight-bold"></span></h5>
                  </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 width="25%">Amount distribution</th>
                        <th width="30%">Amount (total)</th>
                        <th width="6%">Action</th>                       
                        <th>Total Campaigns Collection</th>
                        <th>Total Restaurant Collection</th>
                        <th>Total Admin Collection</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=''>
                                <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

                          @php
                            $percentage = $associateEventDetails->discount_rate??0;
                            $price = $assoRestaurant->total_base_price??0;
                            $event_collection = $price*($percentage)/100;

                            $priceArr = explode('.', $event_collection);
                            if(isset($priceArr[1]) && strlen($priceArr[1]) <= 2) {
                              $event_collection = $event_collection;
                            }
                            else {
                              $event_collection = round(ceil($event_collection*100)/100, 2);
                            }
                          
                            $restaurant_collection = $assoRestaurant->total_base_price - $event_collection;
                          @endphp                          

                          <table width="100%">
                            <tbody>
                              <tr>
                                <td width="65%">Badge discount rate</td>
                                <td align="right">
                                  <span class="text-primary">{{ $associateEventDetails->discount_rate??0 }}%</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Campaign collection</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ number_format($event_collection, 2, '.', '') }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Restaurant collection</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ number_format($restaurant_collection, 2, '.', '') }}</span>
                                </td>
                              </tr>
                              <tr>
                                <td>Admin collection</td>
                                <td align="right">
                                  <span class="text-danger"> ${{ $assoRestaurant->total_admin_commission_price }}</span>
                                </td>
                              </tr>                              
                            </tbody>
                          </table>
                        </td>                    
                        <td>
                          <table width="100%">
                            <tbody>
                              <tr>
                                <td width="70%">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/orders/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>
                        <td>
                          {{ number_format($event_collection, 2, '.', '') }}
                        </td>
                        <td>
                          @php
                            $restaurant_collection = $assoRestaurant->total_base_price - $event_collection;
                          @endphp

                          {{ number_format($restaurant_collection, 2, '.', '') }}
                        </td>
                        <td>{{ $assoRestaurant->total_admin_commission_price }}</td>
                      </tr>
                      @endforeach                       
                    </tbody>
                    <tfoot>
                      <tr>
                        <td colspan="8" class="tfoot"><b>Note::</b>
                            <label class="switch"><input type="checkbox" checked="" disabled="disabled" class="success"><span class="slider round checkbox-disable"></span></label> : Active and Already Associated,
                            <label class="switch"><input type="checkbox" disabled="disabled" checked="checked" class="success active-status"><span class="slider round" ></span></label> : Active,
                            <label class="switch"><input type="checkbox" disabled="disabled" class="success"><span class="slider round checkbox-disable"></span></label> : Inactive 
                        </td>
                      </tr>
                    </tfoot>
                  </table>
                </div>           
            </div>          
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>       
      </div><!-- /.container-fluid -->

      <div class="card-footer">
        <a href="{{ route('admin.orders.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": [
          { 
            "targets": [ 1, 2, 3, 4 ],
            "orderable": false,
          },
          {
              "targets": [ 5, 6, 7 ], 
              "visible": false
          },
          {
              "targets": [ 5, 6, 7 ],
              "searchable": false
          }
        ],
        "footerCallback": function ( row, data, start, end, display ) {
          var api = this.api(), data;

          var total_campaign_collection = api.column(5).data().sum().toFixed(2);
          var total_restaurant_collection = api.column(6).data().sum().toFixed(2);
          var total_admin_collection = api.column(7).data().sum().toFixed(2);

          var footerHtml = '';
          footerHtml += "<div class='row'>";
          footerHtml += "  <div class='col-md-2'>Total campaign collection</div>";
          footerHtml += "  <div class='col-md-2 font-weight-bold text-primary total_campaign_collection2'>$"+total_campaign_collection+"</div>";
          footerHtml += "  <div class='col-md-2'>Total restaurant collection</div>";
          footerHtml += "  <div class='col-md-2 font-weight-bold text-primary total_restaurant_collection2'>$"+total_restaurant_collection+"</div>";
          footerHtml += "  <div class='col-md-2'>Total admin collection</div>";
          footerHtml += "  <div class='col-md-2 font-weight-bold text-primary total_admin_collection2'>$"+total_admin_collection+"</div>";
          footerHtml += "</div>";

          $("span.total_campaign_collection").text("$"+total_campaign_collection);
          $("span.total_restaurant_collection").text("$"+total_restaurant_collection);
          $("span.total_admin_collection").text("$"+total_admin_collection);

          $( api.column( 0 ).footer() ).html(footerHtml);
        }
    });

  });
</script>

<script type="text/javascript">
    $.fn.dataTable.Api.register( 'sum()', function ( ) {
        return this.flatten().reduce( function ( a, b ) {
            if ( typeof a === 'string' ) {
                a = a.replace(/[^\d.-]/g, '') * 1;
            }
            if ( typeof b === 'string' ) {
                b = b.replace(/[^\d.-]/g, '') * 1;
            }

            return a + b;
        }, 0 );
    } );

</script>
@endsection