@extends('layouts.app-admin')
@section('content')

<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
    <h4 class="font-weight-bold py-3 mb-0">Shops</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item">Manage Shops</li>
            <li class="breadcrumb-item active">Shop List</li>
        </ol>
    </div>

       <div class="card">
        <h6 class="card-header bg-dark text-white">Shop List  
        <a href="{{url('admin/user/create')}}" class="btn btn-success btn-sm  btn-round float-right" ><i class="feather icon-plus"></i> Add Shop</a>
        </h6>
      
        <div class="card-datatable table-responsive">
            <table class="datatables-demo table table-striped table-bordered">
                <thead>
                    <tr>
                    <th>#</th>
                    <!-- <th>User Id</th> -->
                    <th>Shop Img</th>
                    <th>Shop Id</th>
                        <th>Shop Name</th>
                        <th>Shop Owner Name</th>
                        <th>Email Id</th>
                        <th>Mobile No.</th>
                     
                        <th>Status</th>
                        <th>By</th>
                        <th>Created Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($user as $key=>$row)
                    <tr class="odd gradeX">
                        <td>{{$key+1}}</td>
                        <!-- <td>{{$row->userid}}</td> -->
                        <td>@if($row->profileImage)
                                        <img src="{{url('media/profile_img/'.@$row->profileImage)}}" alt="" class="d-block ui-w-10 rounded-circle mb-3" style="width:60PX">
                                        @else
                                        <img src="{{url('adminAssets/assets/img/default-avatar.png')}}" alt="" class="d-block ui-w-10 rounded-circle mb-3"  style="width:60PX">

                                        @endif
                        </td>
                        <!-- <td>{{$row->userid}}</td> -->
                        <td>{{$row->id}}</td>
                     
                        <td>{{$row->name}} @if(@$row->type=='guest') <span class="badge badge-info">Guest</span> @endif</td>
                        <td>{{$row->owner_name}}</td>
                        <td>{{$row->email}}</td>
                        <td>{{$row->mobile}}</td>
                        
                        <td>  @if($row->status=='0')
                        <a href="{{url('admin/user/status/1/'.$row->id)}}" >
                        <span class="badge badge-success">Active</span> </a>
                        @else
                        <a href="{{url('admin/user/status/0/'.$row->id)}}" >
                        <span class="badge badge-danger">Disabled</span> </a>
                        @endif
                        </td>
                        <td>{{$row->by}}</td>
                        <td> @if(empty($row->created_at)) @else {{date('d M, Y h:i:s', strtotime($row->created_at))}} @endif</td>
                        <td>
                            <!-- @if(empty($row->email_verified_at))
                            <a href="{{url('admin/user/verify-email/'.$row->id)}}" class="btn btn-primary btn-xs">Verify Email Id</a>
                            @endif -->
                            <!-- <a href="{{url('admin/user/view/'.$row->id)}}" class="btn btn-primary btn-xs "><i class="feather icon-eye"></i> </a>  -->
                            <a href="javascript:void(0);" class="btn btn-primary btn-xs " onclick="OrderHistory({{$row->id}})" data-toggle="modal" data-target="#OrderHistory"><i class="feather icon-eye"></i></a>
                            <a href="{{url('admin/user/'.$row->id.'/edit')}}" class="btn btn-info btn-xs"><i class="feather icon-edit"></i> </a> 

                             <a href="javaScript:void(0)" class="btn btn-danger btn-xs delete" id="{{$row->id}}"><i class="feather icon-trash"></i> </a>  
                             <a href="{{url('admin/user/send-credential/'.$row->id)}}" class="btn btn-primary btn-xs">Send credential</a>

                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>

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


   <!-- OrderHistory Modal template -->
   <div class="modal fade1" 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 class="OrderHistory">
                                                            
                                                       
                                                            
                                                        </tbody>
                                                    </table>
                                             
                                            </div>
                                           
                                        </div>
                                    </div>
                                </div>
                                 <!-- end OrderHistory Modal template -->

@endsection


@section('script')

<script>

 $(document).on("click", ".delete", function () {
    var record_id = this.id;
    deletePopupMessageAjax(
            "Deleting User",
            "Are you sure want to delete this User?",
            record_id,
            "{{url('admin/user')}}/"+record_id
            );
    });

    function OrderHistory(id){
       ///$('#OrderHistory').model('toggle');
       $.ajax({
          type : "GET",          
          url : '{{url("admin/orderlist")}}?userid='+id,
          success : function(res){      
            console.log(res);    
                $('.OrderHistory').html(res.order); 
          },
          error : function(e){
             console.log(e);
          }
 
       });
   }
</script>
@endsection