@extends('layouts.admin_dynamic')

@section('content')
<div class="content-wrapper">
    <div class="" id="customerDetails">
        <!-- Content Header (Page header) -->
        <section class="content-header m-3"><h1>Agents
          <a class="btn btn-small btn-default pull-right ml-2" href="{{route('customers.export')}}" ><i class="fa fa-download"></i>&nbsp; {{__('export')}}</a>
          <a class="btn btn-small btn-success pull-right" href="#addCustomerModal" data-toggle='modal'>
          <i class="fa fa-plus"></i>&nbsp; {{__('Add')}}</a></h1></section>
    
        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
                <div class="box box-success">
                  <div class="box-header">
                    @include('partials.filters', ['filter_route'=>url('/customers'), 'filter_id'=>'customerFilter'])
                  </div>
                <div class="box-body">
                    <div class="" id="customerTable">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                <th>{{trans('customer.name')}}</th>
                                    <th>{{trans('customer.email')}}</th>
                                    <th class="hidden-xs">Order Id</th>
                                    <th class="hidden-xs">Number Of Products</th>
                                    <th class="hidden-xs">Requestdate</th>
                                    <th class="hidden-xs">Approval/decline date</th>
                                    <th class="hidden-xs">COLLECTION DATE</th>
                                    <th class="hidden-xs">AMOUNT</th>
                                    <th class="hidden-xs">STATUS</th>
                                    <th class="text-center">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach($customers as $value)
                                <tr>
                                  <td>{{ $value->name }}</td>
                                  <td>{{ $value->email }}</td>
                                  <td class="hidden-xs">{{ $value->phone_number }}</td>
                                  <td class="hidden-xs">{{ $value->location }}</td>
                                  <td class="hidden-xs">{{ $value->id_number }}</td>
                                  <td class="hidden-xs">{{ $value->created_at }}</td>
                                  <td class="item_btn_group">
                                  @php
                                    $actions = [
                                      ['url'=>'agents/view/' . $value->id,'name'=>'View Customer'],
                                                    ['data-replace'=>'#editCustomer','url'=>'#editCustomerModal','ajax-url'=>url('customers/'.$value->id.'/edit'), 'name'=>trans('item.edit'), 'icon'=>'pencil'],
                                      ['url'=>'agents/deactivate' . $value->id,'name'=>'delete']];
                                    @endphp
                                    @include('partials.actions', ['actions'=>$actions])
                                  </td>
                                    
                                </tr>
                            @endforeach
                            </tbody>
                          </table>
                          @include('partials.pagination', ['items'=>$customers, 'index_route'=>route('customers.index')])
                        </div>                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
          <div class="modal fade sub-modal" id="addCustomerModal">
            <div class="modal-dialog modal-lg">
                @include('agents.form', ['customer'=>''])
            </div>
          </div>
          <div class="modal fade sub-modal" id="editCustomerModal">
            <div class="modal-dialog modal-lg">
                <div id="editCustomer"></div>
            </div>
          </div>
          <div class="modal fade sub-modal" id="showCustomerModal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content" id="showCustomer"></div>
            </div>
          </div>
          @include('partials.import_modal', ['name'=>'Customers', 'modalId'=>'customerImportModal', 'import_route'=>'customers.import'])
    
        </section>
        <!-- /.content -->
      </div></div>
@endsection