@extends('admin.layout.app')
@section('content')

<style>
  .d-none{
    display:none;
  }
</style>

  <div class="content-wrapper">
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Owner Report </h1> </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{url('admin/dashboard')}}"><i class="fas fa-home"></i></a>
                                </li>
              <li class="breadcrumb-item active">Owner Report</li>

            </ol>
          </div>
        </div>
      </div>
    </div>

  
 <section class="content">
    <div class="container-fluid">  
      <form action="{{route('allOwnerReport')}}" >
        <div class="row">
          <div class="col-3" style="margin-bottom: 20px; ">
            <label>Select Owner</label>
            <select name="owner_id" id="owner_id" class="form-control" onchange="getRestaurent()">
              <option value="">All</option>
              @foreach($owner as $owners)
              <option value="{{$owners->reference_owner_id }}" {{@$_GET['owner_id']==$owners->reference_owner_id?'selected':''}}>{{$owners->name}}</option>
              @endforeach
            </select>
          </div>
          <div class="col-3" style="margin-bottom: 20px; ">
            <label>Select Report Type</label>
            <select name="report_type" id="report_type_value" class="form-control" onchange="SelectReportType()">   
              <option value="">Choose Type</option>       
              <option value="order" {{@$_GET['report_type']=='order'?'selected':''}}>Order</option>
              <option value="table_reservation" {{@$_GET['report_type']=='table_reservation'?'selected':''}}>Table Reservation</option>
            </select>
          </div>

          <div class="col-3" style="margin-bottom: 20px;">
            <label>PlateForm Type</label>
            <select name="plate_type" id="plate_type" class="form-control" >
              <option value="">All</option>
              <option value="app" {{@$_GET['plate_type']=='app'?'selected':''}}>App</option>
              <option value="pos" {{@$_GET['plate_type']=='pos'?'selected':''}}>POS</option>
              <option value="website" {{@$_GET['plate_type']=='website'?'selected':''}}>Website</option>
              <option value="qr" {{@$_GET['plate_type']=='qr'?'selected':''}}>QR</option>
            </select>
          </div>
          <div class="col-3" style="margin-bottom: 20px;">
            <label>Order By</label>
            <select name="order_type" id="order_type" class="form-control">
              @if(isset($_GET['report_type']) && !empty($_GET['report_type']))   
                @if(@$_GET['report_type']=='order') 
                <option value="max_number" {{@$_GET['order_type']=='max_number'?'selected':''}}>Order By Count</option>
                <option value="max_amount" {{@$_GET['order_type']=='max_amount'?'selected':''}}>Order By Amount</option>
                @endif
                @if(@$_GET['report_type']=='table_reservation') 
                <option value="max_book" {{@$_GET['order_type']=='max_book'?'selected':''}}>Order By Count</option>
                <option value="max_cover" {{@$_GET['order_type']=='max_cover'?'selected':''}}>Order By Cover/People</option>
                @endif               
              @else
              <option value="">Choose </option>   
              @endif  
            </select>
          </div>
          <div class="col-3" style="margin-bottom: 20px;">
            <label>Start Date</label>
            <input type="date" class="form-control" name="start_date" value="{{@$_GET['start_date']}}">
          </div>
          <div class="col-3" style="margin-bottom: 20px;">
            <label>End Date</label>
            <input type="date" class="form-control" name="end_date" value="{{@$_GET['end_date']}}">
          </div>
          <div class="col-3" style="margin-bottom: 20px;">
            <label></label>
            <button type="submit" class="btn btn-primary mt-4" id="search">Search</button>
            <a href="{{route('allOwnerReport')}}" class="btn btn-primary mt-4" id="reset">Reset</a>
          </div>
        </div>
      </form>
      <div class="col-12">
        <div class="card">
       
          <div class="row">   
            @if(!isset($_GET['report_type']) || $_GET['report_type']=='order') 
            <div class="card-body" id="order">
              <table id="example3" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>S No.</th>
                    <th>Owner</th>
                    <th>Restaurant</th>
                    <th>Order</th>
                    <th>Amount</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($business as $key=>$busines)
                    <tr>
                      <td>{{$key+1}}</td>
                      <td>{{@$busines->owner_name}}</td>
                      <td>{{@$busines->business_name}}</td>
                      <td>{{@$busines->total_order}}</td>
                      <td>${{@$busines->total_amount}}</td>
                    </tr> 
                  @endforeach

                </tbody>
              </table>
            </div>
            @endif

            @if(@$_GET['report_type']=='table_reservation')
            <div class="card-body " id="reservation">
              <table id="example3" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>S No.</th>
                    <th>Owner</th>
                    <th>Restaurant</th>
                    <th>Count</th>
                    <th>Cover/People</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($booking as $key=>$table)
                    <tr>
                      <td>{{$key+1}}</td>
                      <td>{{@$table->owner_name}}</td>
                      <td>{{@$table->business_name}}</td>
                      <td>{{@$table->no_people}}</td>
                      <td>{{@$table->total_booking}}</td>
                    </tr>
                  @endforeach

                </tbody>
              </table>
            </div>
            @endif

          </div>

        </div>
      </div>
    </div>
  </section>
</div>

<script>
$(document).ready(function(){
 
  $("#search").click(function(){
    $("#order").addClass('d-none');
    $('#reservation').removeClass('d-none');
  });
  $("#reset").click(function(){
    $("#order").removeClass('d-none');
    $('#reservation').addClass('d-none');
  });
});

function SelectReportType()
{
    $('#order_type').html('');
    var reportType=$('#report_type_value').val(); 
    if(reportType=='order')
    {
      $('#order_type').append(`<option value="max_number">Order By Count</option>
      <option value="max_amount">Order By Amount</option>`);
    }

    if(reportType=='table_reservation')
    {
      $('#order_type').append(`<option value="max_book">Order By Count</option>
      <option value="max_cover">Order By Cover/People</option>`);
    }

}

function getRestaurent(){
  var owner_id = $("#owner_id").val();
    if(owner_id ==0){
      alert("Please Select Owner First");
      return false;
    }
    jQuery.ajax({
      url:"{{route('getRestaurentByOwner')}}",
      method:"POST",
      data:{"_token":"{{csrf_token()}}",'owner_id':owner_id},
      success:function(getResponse){
        $('#rest_id').empty();
        $('#rest_id').append(` <option value="0">All</option>`);
        getResponse.forEach((row,index)=>{
          $('#rest_id').append(`<option value="${row.reference_market_id}">${row.name}</option>`);
        })
      }
    });
  };
</script>


@endsection