@extends('Admin.layout.app')

@section('title','Customer List')
@section('page-title','Customer List')

@section('content')
<div class="card">
   <div class="card-header d-flex justify-content-between align-items-center">
       <h5 class="mb-0">Customer List</h5>
       
   </div>

   <div class="card-body">
       <!-- Filter Form -->
       <form method="GET" class="row g-2 mb-3">
           <div class="col-md-5">
               <input type="text" name="search" class="form-control"
                  value="{{ request('search') }}" placeholder="Search">
           </div>
           <div class="col-md-4">
               <select name="status" class="form-control">
                 <option value="">Status</option>
              
                 <option value="1" {{ request('status')=='1' ? 'selected' : '' }}>
                     Active
                 </option>
              
                 <option value="0" {{ request('status')=='0' ? 'selected' : '' }}>
                     Un-Active
                 </option>
              
                 
               </select>
           </div>
           
           
           <div class="col-md-3">
               <button class="btn btn-secondary w-100">Filter</button>
           </div>
       </form>

       <!-- Products Table -->
       <div class="table-responsive">
           <table class="table table-bordered align-middle">
               <thead class="table-light">
                   <tr>
                       <th width="30"><input type="checkbox" class="check-all"></th>
                        <th>Customer</th>
                        <th>Phone</th>
                        <th>Address</th>
                        <th>Previous Balance</th>
                        <th>Joined</th>
                        <th width="120">Action</th>
                   </tr>
               </thead>
               <tbody>
                 @foreach($customers as $customer)
                    <tr>
                       <td><input type="checkbox" class="check-one" value="{{ $customer->id }}"></td>
                       
                       <td>
                           <strong>  {{ $customer->name }} </strong><br>
                           <small>{{ $customer->urdu_name }}</small>
                       </td>

                       <td>
                           <strong> {{ $customer->phone ?? '-' }}<br>
                                    {{ $customer->phone2 ?? '-' }}</strong>
                       </td>

                       <td>{{ $customer->address ?? '-' }}<br>
                            <small>{{ $customer->urdu_address ?? '-' }}</small></td>
                            
                       <td> Rs {{ number_format($customer->opening_balance ?? '0.00',2) }}</td>
                       <td> {{ $customer->created_at->format('d M Y') }} </td>

                      

                       <td class="text-end">

                            <a href="{{ route('admin.customers.update',$customer->id)}}"
                               class="btn btn-sm btn-outline-primary">
                                <i class="las la-edit">update</i>
                            </a>

                            <a href="{{ route('admin.customers.bills',$customer->id)}}"
                               class="btn btn-sm btn-outline-success">
                                <i class="las la-receipt">Bills</i>
                            </a>
                          
                        </td>
                   </tr>

                  @endforeach
                 
               </tbody>
           </table>
       </div>

       <!-- Pagination -->
       <div class="mt-3">
         <div class="pagination-sm">
           {{ $customers->links() }}
         </div>
       </div>
   </div>
</div>


@endsection