@extends('crm.layouts.app')

@section('styles')
  <link rel="stylesheet" href="{{asset('theme/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
  <link rel="stylesheet" href="{{asset('theme/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
@endsection

@section('content')
  <div class="content-wrapper">
    @include('crm.layouts.breadcrumb')

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">

          <div class="col-md-12">
            <div class="card card-secondary">
                <div class="card-header">
                  <h3 class="card-title">{{__('Manage Leads')}}</h3>
                  <a type="button" class="btn btn-sm btn-primary float-right" href="{{url('customer/create')}}">{{__('New Customer')}}</a>
                  <a type="button" class="btn btn-sm btn-info float-right mr-2" href="{{url('customer/import')}}">
                    <i class="fas fa-cloud-upload-alt mr-1"></i>
                    {{__('Import Bulk Customers')}}
                  </a>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                  <div
                  @if (@$request->date_sort == 'custom')
                    class="row col-md-3 d-show"
                  @else 
                    class="row col-md-3 d-hide"  
                  @endif
                  id="date_range_col">
                    <div class="form-group">
                      <label>{{__('Date range')}}:</label>
                      <div class="input-group">
                        <div class="input-group-prepend">
                          <span class="input-group-text">
                            <i class="far fa-calendar-alt"></i>
                          </span>
                        </div>
                        <input type="text" name="custom_range" class="form-control form-control-sm" id="custom_range" value="{{@$request->custom_range}}">
                      </div>
                    </div>
                  </div>
                  
                  <div class="table-responsive">
                  <table 
                  id="customers_tbl"
                  class="table table-bordered table-striped nowrap display">
                  <thead>
                    <th>{{__('Sr.No')}}</th>
                    <th>{{__('Company')}}</th>
                    <th>{{__('Username/Full Name')}}</th>
                    <th>{{__('Contact')}}</th>
                    <th>{{__('Customer Type')}}</th>
                    <th>{{__('Prospect')}}</th>
                    <th>{{__('Industry')}}</th>
                    <th>{{__('Actions')}}</th>
                  </thead>
                    <tbody>
                      
                    
                     
                          
                  </tbody>
                  </table>
                </div>
                </div>
              </div>
          </div>
        </div>
      </div>
    </section>
  </div>
@endsection


@section('scripts')
  @include('crm.customer.index_js')
@endsection