@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h3 class="mb-0">Customers</h3>
        <small class="text-muted">Filter, sort, paginate and export</small>
    </div>
    <div class="d-flex gap-2">
        @can('create', App\Models\Customer::class)
            <a href="{{ route('customers.create') }}" class="btn btn-primary">Add Customer</a>
        @endcan
        <button class="btn btn-outline-success" data-bs-toggle="modal" data-bs-target="#exportModal">Export Excel</button>
    </div>
</div>

<div class="card mb-3"><div class="card-body">
    <form class="row g-2">
        <div class="col-md-2"><label class="form-label">State</label><select class="form-select" name="states[]" multiple size="4">@foreach($filterOptions['states'] as $state)<option value="{{ $state }}" @selected(in_array($state, $filters['states'] ?? []))>{{ $state }}</option>@endforeach</select></div>
        <div class="col-md-2"><label class="form-label">City</label><select class="form-select" name="cities[]" multiple size="4">@foreach($filterOptions['cities'] as $city)<option value="{{ $city }}" @selected(in_array($city, $filters['cities'] ?? []))>{{ $city }}</option>@endforeach</select></div>
        <div class="col-md-2"><label class="form-label">Tag</label><select class="form-select" name="tags[]" multiple size="4">@foreach($filterOptions['tags'] as $tag)<option value="{{ $tag }}" @selected(in_array($tag, $filters['tags'] ?? []))>{{ $tag }}</option>@endforeach</select></div>
        <div class="col-md-2"><label class="form-label">Company</label><input class="form-control" name="company" value="{{ $filters['company'] ?? '' }}"></div>
        <div class="col-md-2"><label class="form-label">Designation</label><input class="form-control" name="designation" value="{{ $filters['designation'] ?? '' }}"></div>
        <div class="col-md-2"><label class="form-label">Source</label><input class="form-control" name="source" value="{{ $filters['source'] ?? '' }}"></div>
        <div class="col-md-2"><label class="form-label">Email Present</label><select class="form-select" name="email_present"><option value="">Any</option><option value="1" @selected(($filters['email_present'] ?? null) === true)>Yes</option><option value="0" @selected(($filters['email_present'] ?? null) === false)>No</option></select></div>
        <div class="col-md-2"><label class="form-label">Phone Present</label><select class="form-select" name="phone_present"><option value="">Any</option><option value="1" @selected(($filters['phone_present'] ?? null) === true)>Yes</option><option value="0" @selected(($filters['phone_present'] ?? null) === false)>No</option></select></div>
        <div class="col-md-2"><label class="form-label">Date From</label><input type="date" class="form-control" name="date_from" value="{{ $filters['date_from'] ?? '' }}"></div>
        <div class="col-md-2"><label class="form-label">Date To</label><input type="date" class="form-control" name="date_to" value="{{ $filters['date_to'] ?? '' }}"></div>
        <div class="col-md-2 d-flex align-items-end"><button class="btn btn-primary w-100">Apply</button></div>
    </form>
</div></div>

<div class="card"><div class="card-body p-0">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr>
                    @foreach(['id'=>'ID','full_name'=>'Name','email'=>'Email','phone'=>'Phone','company'=>'Company','city'=>'City','state'=>'State','designation'=>'Designation','primary_tag'=>'Tag','source'=>'Source','created_at'=>'Created'] as $key=>$label)
                        <th><a class="text-decoration-none" href="{{ request()->fullUrlWithQuery(['sort'=>$key,'dir'=>($sort===$key && $dir==='asc') ? 'desc' : 'asc']) }}">{{ $label }}</a></th>
                    @endforeach
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($customers as $customer)
                    <tr>
                        <td>{{ $customer->id }}</td>
                        <td>{{ $customer->full_name }}</td>
                        <td>{{ $customer->email }}</td>
                        <td>{{ $customer->phone }}</td>
                        <td>{{ $customer->company }}</td>
                        <td>{{ $customer->city }}</td>
                        <td>{{ $customer->state }}</td>
                        <td>{{ $customer->designation }}</td>
                        <td><span class="badge badge-soft">{{ $customer->primary_tag }}</span></td>
                        <td>{{ $customer->source }}</td>
                        <td>{{ $customer->created_at?->format('Y-m-d') }}</td>
                        <td class="text-nowrap">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('customers.show', $customer) }}">View</a>
                            @can('update', $customer)<a class="btn btn-sm btn-outline-secondary" href="{{ route('customers.edit', $customer) }}">Edit</a>@endcan
                            @can('delete', $customer)
                            <form method="POST" action="{{ route('customers.destroy', $customer) }}" class="d-inline" onsubmit="return confirm('Delete customer?')">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Delete</button></form>
                            @endcan
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="20" class="text-center py-4">No customers found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div></div>
<div class="mt-3">{{ $customers->links() }}</div>

<div class="modal fade" id="exportModal" tabindex="-1">
  <div class="modal-dialog">
    <form class="modal-content" method="GET" action="{{ route('customers.export') }}">
      <div class="modal-header"><h5 class="modal-title">Select Columns to Export</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        @foreach(request()->query() as $key => $value)
            @if(is_array($value))
                @foreach($value as $item)<input type="hidden" name="{{ $key }}[]" value="{{ $item }}">@endforeach
            @elseif($key !== 'columns')
                <input type="hidden" name="{{ $key }}" value="{{ $value }}">
            @endif
        @endforeach
        <div class="row g-2">
            @foreach(['id','first_name','last_name','full_name','email','phone','alt_phone','address_line1','address_line2','city','state','pincode','country','company','designation','department','industry','source','primary_tag','tags','created_at','updated_at'] as $column)
                <div class="col-6"><label class="form-check"><input type="checkbox" name="columns[]" value="{{ $column }}" class="form-check-input" checked><span class="form-check-label">{{ $column }}</span></label></div>
            @endforeach
        </div>
      </div>
      <div class="modal-footer"><button class="btn btn-success">Download Excel</button></div>
    </form>
  </div>
</div>
@endsection