@extends('layouts.admin')

@section('title', 'Customers')
@section('heading', 'Customers')
@section('breadcrumb')
  <li class="breadcrumb-item active">Customers</li>
@endsection

@section('content')
  <div class="row">
    <div class="col-lg-12">
      <div class="block margin-bottom-sm">
        <form method="get" class="p-3">
          <div class="form-row">
            <div class="col-md-8">
              <input type="text" name="q" value="{{ $search }}" class="form-control" placeholder="Name, phone, email, or city">
            </div>
            <div class="col-md-4">
              <button class="btn btn-primary" type="submit">Search</button>
              @if(auth()->user()->allows('manage-customers'))
                <a class="btn btn-success" href="{{ route('admin.customers.create') }}">Add customer</a>
              @endif
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="col-lg-12">
      <div class="block">
        <div class="title"><strong>Customer listing</strong></div>
        <div class="table-responsive work-detail">
          <table class="table table-bordred table-striped table-hover">
            <thead>
              <tr>
                <th>Name</th>
                <th>Phone</th>
                <th>Email</th>
                <th>City</th>
                <th>Fix tasks</th>
                <th>Status</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody>
              @forelse($customers as $customer)
                <tr>
                  <td>{{ $customer->name }}</td>
                  <td>{{ $customer->phone ?: '—' }}</td>
                  <td>{{ $customer->email ?: '—' }}</td>
                  <td>{{ $customer->city ?: '—' }}</td>
                  <td>{{ $customer->tasks_count }}</td>
                  <td><span class="badge badge-{{ $customer->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($customer->status) }}</span></td>
                  <td class="fixo-actions">
                    <a class="btn btn-default btn-sm" href="{{ route('admin.customers.show', $customer) }}"><span class="fa fa-eye"></span></a>
                    @if(auth()->user()->allows('manage-customers'))
                      <a class="btn btn-primary btn-sm" href="{{ route('admin.customers.edit', $customer) }}"><span class="fa fa-pencil"></span></a>
                      <form action="{{ route('admin.customers.destroy', $customer) }}" method="post" onsubmit="return confirm('Delete this customer?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-sm" type="submit"><span class="fa fa-trash"></span></button>
                      </form>
                    @endif
                  </td>
                </tr>
              @empty
                <tr><td colspan="7">No customers yet.</td></tr>
              @endforelse
            </tbody>
          </table>
        </div>
        {{ $customers->links() }}
      </div>
    </div>
  </div>
@endsection