@extends('layouts.app-agent')
@section('content')
<link rel="stylesheet" href="{{url('adminAssets/assets/libs/select2/select2.css')}}">
<style>
   .default-style .select2-container--default .select2-selection--single{
       border-radius: 4px;
    /* border: 0 solid rgba(24, 28, 33, 0.1); */
    /* border-bottom: 1px solid #e7e8e8; */
    padding-left: 8px;
   }
  
    .default-style .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left:0px;
    }ul.report {padding-left: 0;
    list-style: none;
}ul.report li {
    margin-right: 13px;
    display: inline-block;
}</style>
<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Shop Reports</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('agent.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Shop Reports</li>
            <li class="breadcrumb-item active">Shop Reports List</li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Shop Reports  </h6>
   <form action="{{url('agent/shop-report')}}" method="get">
        <div class="row pt-4 p-4">
            <div class="col-lg-3">
                <label>Select Area</label>
                <select name="area" class="form-control select2" onchange="this.form.submit()">
                    <option value="">--Select--</option>
                    @foreach($area as $arval)
                    <option value="{{$arval->id}}" @if(@$_REQUEST['area']==$arval->id) selected @endif>{{$arval->name}}</option>
                    @endforeach
             </select>
            </div>
            <div class="col-lg-3">
            <label>Select Shop</label>
                <select name="shop" class="form-control select2" onchange="this.form.submit()">
                    <option value="">--Select--</option>
                    @foreach($shop as $spval)                  
                    <option value="{{$spval->id}}" @if(@$_REQUEST['shop']==$spval->id) selected @endif>{{$spval->name}}</option>                    
                    @endforeach
             </select>
            </div>
            <div class="col-lg-3">
            <label>&nbsp;</label>
            <button type="submit" class="btn btn-info mt-4"><i class="fa fa-text"></i> Submit</button>
            </div>
            <div class="col-lg-12 pt-4">
                <ul class="report">
                    
                    <li> <a href="javascript:void(0);" class="btn btn-info" data-toggle="modal" data-target="#ShopEdit"><i class="feather icon-edit" ></i> Edit Shop</a></li>
                    <li> <a href="{{url('products')}}?area={{@$_REQUEST['area']}}&shop={{@$_REQUEST['shop']}}" class="btn btn-info"><i class="feather icon-shopping-cart"></i>  Accessories</a></li>
                    <!-- <li> <a href="#" class="btn btn-info"><i class="feather icon-user"></i>  Shop Visit</a></li> -->
                    <li> <a href="javascript:void(0);" class="btn btn-info" data-toggle="modal" data-target="#OrderHistory"><i class="feather icon-list"></i>  Order History</a></li>
                </ul>
            </div>
            </div>
</form>
      
        <div class="card-datatable table-responsive" style="display:none">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                    <th>ShopId</th>
                    <th>Img</th>
                        <th>Shop Name</th>
                        <th>Owner Name</th>
                        <th>Email Id</th>
                        <th>AreaId</th>
                     
                        <!-- <th>Status</th> -->
                        <!-- <th>Created Date</th> -->
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                 
                    
                </tbody>
            </table>
        </div>
    </div>

</div>
<!-- [ content ] End -->

  
  @if(@$customer->id)
  <!-- ShopEdit Modal template -->
  <div class="modal fade" id="ShopEdit">
                                    <div class="modal-dialog">
                                        <form action="{{url('agent/report/edit_shop/'.$customer->id)}}" method="post" class="modal-content">
                                            @csrf
                                            <div class="modal-header" style="border-bottom: 1px solid #eee;padding-bottom: 15px;">
                                                <h5 class="modal-title">Edit Shop</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                                
                                            </div>
                                           
                                            <div class="modal-body p-4">
                                                <div class="form-row">
                                                    <div class="form-group col">
                                                        <label class="form-label">Select Area <span class="error">*</span></label>
                                                        <select name="area" class="form-control select2" >
                                                                <option value="">--Select--</option>
                                                                @foreach($area as $arval)
                                                                <option value="{{$arval->id}}" @if(@$_REQUEST['area']==$arval->id) selected @endif>{{$arval->name}}</option>
                                                                @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Shop Name <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="name" value='{{$customer->name}}' required>                                                      <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Owner Name <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="owner_name" value='{{$customer->owner_name}}' required>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Email Address <span class="error">*</span></label>
                                                        <input type="email" class="form-control" name="email" value='{{$customer->email}}' required>                                                      <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Mobile No <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="mobile" value='{{$customer->mobile}}' required>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                    <div class="form-group col-6 mb-0">
                                                        <label class="form-label">Country <span class="error">*</span></label>
                                                        <select class="form-control Country" name="country" required="">
                                                        <option value="">Select Country</option>
                                                        @foreach($country as $val)
                                                        <option value="{{$val->id}}" @if($customer->country==$val->id) selected @endif>{{$val->name}}</option>
                                                        @endforeach
                                                        </select>                                                 <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">State <span class="error">*</span></label>
                                                        <select class="form-control State" name="state" required="">
                                                        <option value="">Select State</option>
                                                        @foreach($state as $sval)
                                                        <option value="{{$sval->id}}" @if($customer->state==$sval->id) selected @endif>{{$sval->name}}</option>
                                                        @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                   
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">City <span class="error">*</span></label>
                                                        <select class="form-control City" name="city" required="">
                                                        <option value="">Select City</option>
                                                        @foreach($city as $csval)
                                                        <option value="{{$csval->id}}" @if($customer->city==$csval->id) selected @endif>{{$csval->name}}</option>
                                                        @endforeach
                                                        </select>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Postal Code <span class="error">*</span></label>
                                                        <input type="text" class="form-control" name="pincode" value='{{$customer->pincode}}'>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                </div>
                                                <div class="form-row mt-2">
                                                   
                                                    <div class="form-group col mb-0">
                                                        <label class="form-label">Address <span class="error">*</span></label>
                                                        <textarea id="address" name="address"  class="form-control not-dark"  >{{$customer->address}}</textarea>
                                                        <div class="clearfix"></div>
                                                    </div>
                                                  
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Save</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                 <!-- end ShopEdit Modal template -->


                                   <!-- OrderHistory Modal template -->
  <div class="modal fade" id="OrderHistory">
                                    <div class="modal-dialog modal-lg" style="   max-width: 75rem;">
                                        <div class="modal-content">
                                            @csrf
                                            <div class="modal-header" style="border-bottom: 1px solid #eee;padding-bottom: 15px;">
                                                <h5 class="modal-title">Order History</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                                                
                                            </div>
                                           
                                            <div class="modal-body p-4">
                                         
                                                    <table class="datatables-demo table table-striped table-bordered">
                                                        <thead>
                                                            <tr>
                                                            <th>Id</th>
                                                            <th>Date</th>
                                                                <th>Agent</th>
                                                                <th>Area</th>
                                                                <th>Shop</th>
                                                                <th>Amount</th>
                                                                <th>Paid</th>
                                                            
                                                                <th>Type</th> 
                                                            <th>Status</th>
                                                                <th>By</th>
                                                              
                                                            
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($order as $key=>$row)
                                                            <tr class="odd gradeX">
                                                                <td>{{$row->reference }}</td>
                                                                <td> @if(empty($row->created_at)) @else {{date('d M, Y h:i:s', strtotime($row->created_at))}} @endif</td>
                                                                <td>{{@$row->agentData->name}} </td>
                                                                <td>{{@$row->userData->areaData->name}} </td>
                                                                <td>{{@$row->userData->id}} - {{@$row->userData->name}}</td>
                                                                <td>£{{$row->totalAmt-$row->taxAmt}} /<br/>£{{$row->totalAmt}}</td>
                                                                <td>@if($row->paymentStatus=='cod') N/A @else Paid @endif</td>
                                                                <td>{{$row->paymentStatus}}</td>
                                                                <td>{{$row->status}}</td>
                                                                <td>A</td>
                                                            
                                                          
                                                            </tr>
                                                            @endforeach
                                                            
                                                        </tbody>
                                                    </table>
                                             
                                            </div>
                                           
                                        </div>
                                    </div>
                                </div>
                                 <!-- end OrderHistory Modal template -->

                                @endif
                                
@endsection
@section('script')
<script src="{{asset('adminAssets/assets/libs/bootstrap-select/bootstrap-select.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/bootstrap-multiselect/bootstrap-multiselect.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/select2/select2.js')}}"></script>
<script>
 $(".select2").select2();
 </script>
@endsection