@extends('layouts.index')

@section('content')
<div class="content-wrapper">
    <div class="" id="customerDetails">
        <!-- Content Header (Page header) -->
        <section class="content-header m-3"><h1>Customers
          {{-- <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-default pull-right ml-2" href="#customerImportModal" data-toggle="modal"><i class="fa fa-upload"></i>&nbsp; {{__('import')}}</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('/Backoffice/customers'), 'filter_id'=>'customerFilter'])
                  </div>
                <div class="box-body">
                    <div class="" id="customerTable">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Customer Name</th>
                                    <th>Customer Email</th>
                                    <th class="hidden-xs">Customer Phone number</th>
                                    <th class="hidden-xs">Location</th>
                                    <th class="hidden-xs">Building</th>
                                    <th class="hidden-xs">Date</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->building }}</td>
                                  <td class="hidden-xs">{{ $value->created_at }}</td>
                                  <td class="item_btn_group">
                                  @php
                                    $actions = [
                                        ['url'=>'customers/view/' . $value->id,'name'=>'View Customer'],
                                      ['data-replace'=>'#editCustomer','url'=>'#editCustomerModal','ajax-url'=>url('/Backoffice/customers/'.$value->id.'/edit'), 'name'=>'edit', 'icon'=>'pencil']];
                                    @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('customers.formleads', ['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