@extends('admin.layouts.app')
@section('css')
<link rel="stylesheet" href="{{ mix('css/ag-grid.css') }}">
<link rel="stylesheet" href="{{ mix('css/ag-theme-alpine.css') }}">
@endsection
@section('content')
<!-- <div class="main-right-sec no-custmors">
  <div class="head-part">
    <div>
      <h2>Customers</h2>
    </div>
    <div>
      <button class="btn btn-theme" type="button" data-bs-toggle="offcanvas" data-bs-target="#add-customer" aria-controls="offcanvasRight">+ Add New Customer</button>
    </div>
  </div>
  <div class="main-part add-customer">
    <img src="{{asset('assets/images/add-customer.svg')}}" alt="">
    <h4>Add New Customers</h4>
    <p>Unlock New Audiences, Drive Customer Growth.</p>
    <button class="btn btn-theme" type="button" data-bs-toggle="offcanvas" data-bs-target="#add-customer" aria-controls="offcanvasRight">+ Add New Customer</button>
  </div>
</div> -->
<div class="main-right-sec customers">
  <div class="head-part">
    <div>
      <h2>Customers <span class="badge badge-green total-cust-count">Total 0</span></h2>
    </div>
    <div>
      <button class="btn btn-theme" type="button" data-bs-toggle="offcanvas" data-bs-target="#add-customer" aria-controls="offcanvasRight">+ Add New Customer</button>
    </div>
  </div>
  
  <div class="main-part">
  <div id="myGrid" class="ag-theme-alpine" style="height: 400px; width: 100%;"></div>
  </div>
</div>

@endsection

@include('admin.customer.add-customer')
      
@include('admin.customer.edit-customer')
@section('script')
<script src="{{ mix('js/ag-grid-community.noStyle.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
<script src="{{asset('assets/js/admin/customer.js')}}"></script>
@endsection