@extends('layouts.basic')
@section('content')
<div class="container-fluid">
    <div class="page-title">
      <div class="row">
        <div class="col-6">
          <h3>Customer List</h3>
        </div>
        <div class="col-6">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}"><i data-feather="home"></i></a></li>
            <li class="breadcrumb-item">Customers</li>
            <li class="breadcrumb-item active">Customer List</li>
          </ol>
        </div>
      </div>
    </div>
  </div>

<section class="content">
    <div class="container-fluid">
        <div class="row page-containers">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                           
                            <div class="row no-print align-items-center table-top-div">
                                <div class="col-lg-6">
                                    <div>
                                       <h6 class="table-headings"> Customer List</h6>
                                    </div>
                                </div>
                                @can('customer-create')
                                <div class="col-lg-6">
                                   <div class="add-button">
                                        <button class="btn btn-secondary add_modal" data-href="{{url('/customer/create')}}"><i class="fa fa-plus-circle"></i>&nbsp; ADD</button>
                                   </div>
                                </div>
                                @endcan
                            </div>
                           
                        <div class="table-responsive table-holder">
                            <table style="width: 100%;" id="example1"
                                class="table table-bordered table-striped export-table">
                                <thead>
                                    <tr class="table table-secondary" >
                                        <th scope="col" >S.NO</th>
                                        <th scope="col">Customer Name</th>
                                        <th scope="col" >Mobile No</th>
                                        <th scope="col">Email Id</th>
                                        <th scope="col">Credit Limit</th>
                                        <th scope="col" >Contact Person Name</th>
                                        <th  scope="col">Contact Person Number</th>
                                        @if(auth()->user()->hasAnyPermission(['customer-edit',
                                        'customer-delete']))
                                        <th >Action</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($customers as $customer)
                                    <tr>
                                      {{-- @dump($customer) --}}
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$customer->customer_name}}</td>
                                        <td>{{$customer->mobile}}</td>
                                        <td>{{$customer->email}}</td>
                                        <td>{{  IND_money_format1($customer->credit_limit)}}</td>
                                        {{-- <td>{{$customer->status == '1' ? 'Active' : 'InActive'}}</td> --}}
                                        <td>{{$customer->contact_person}}</td>
                                        <td>{{$customer->contact_person_number}}</td>
                                        {{-- <td>{{$customer->gst_number}}</td> --}}
                                        @if(auth()->user()->hasAnyPermission(['customer-edit',
                                        'customer-delete']))
                                        <td>
                                            <div style="display: flex;gap: 10px;">
                                            @can('customer-edit')
                                            <button type="button" data-href="{{ url('/customer/'.$customer->id.'/edit') }}" class="edit_modal table-action-btn table-edit-btn" ><i class="fa fa-edit"></i></button>
                                            @endcan
                                            @can('customer-delete')
                                            <button type="button" class="table-del-btn table-action-btn delete-btn"
                                            data-url="{{ route('customer.destroy', $customer->id) }}"><i class="fa fa-trash"></i></button>
                                            @endcan
                                            </div>
                                        </td>
                                        @endif
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                    </div>
                    <!-- /.card-body -->
                </div>
                
               <!-- Delete Confirmation Modal -->
                <div class="modal fade delete-modal" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="closeModalBtn">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <h4>Delete Confirmation</h4>
                                <p class=text-center>Do you really want to delete these records?</p>
                               <div class="text-center del-btn-group">
                               <button type="button" class="btn filter-clear " data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn btn-danger" id="confirmDeleteBtn">Delete</button>
                               </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </div>
</section>
@endsection
@section('script')
    <script>
        
    </script>
@endsection