@extends('layouts.admin')

@section('page_header')
<div class="page-header" style="margin-top:0; margin-bottom:20px;">
    <h1 class="page-title my-auto">Drivers</h1>
    <div>
        <ol class="breadcrumb mb-0 align-items-center">
            <li class="breadcrumb-item"><a href="{{ route('web.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Drivers</li>
            <li class="breadcrumb-item">
                <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#userCreateModal">
                    <i class="fe fe-plus me-1"></i> New Driver
                </button>
            </li>
        </ol>
    </div>
</div>
@endsection

@section('content')
@php
    $perSelected = (int) ($filters['per_page'] ?? request('per_page', 10));
    if (!in_array($perSelected, [10,25,50,100], true)) $perSelected = 10;
    $qValue = $filters['q'] ?? request('q','');

    $banPillClass = fn($banned) => $banned
        ? 'bg-danger-transparent text-danger'
        : 'bg-success-transparent text-success';
@endphp

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body product-table">
                {{-- Filter --}}
                <form method="GET" class="row g-2 justify-content-between mb-3" id="filterForm">
                    <div class="col-sm-12 col-md-2 d-flex gap-2 align-items-center">
                        <label class="form-label mb-1">Show</label>
                        <select name="per_page" class="form-control form-control-sm" onchange="this.form.submit()">
                            <option value="10"  @selected($perSelected===10)>10</option>
                            <option value="25"  @selected($perSelected===25)>25</option>
                            <option value="50"  @selected($perSelected===50)>50</option>
                            <option value="100" @selected($perSelected===100)>100</option>
                        </select>
                        <small class="text-muted">Entries</small>
                    </div>
                    <div class="col-sm-12 col-md-3 d-flex gap-2 justify-content-end">
                        <label class="form-label mb-1">Search</label>
                        <input type="search" name="q" class="form-control form-control-sm" placeholder="Search name, email, phone..." value="{{ $qValue }}">
                    </div>
                </form>

                {{-- Table --}}
                <div class="table-responsive">
                    <table class="table table-bordered text-nowrap mb-0">
                        <thead class="border-top">
                            <tr>
                                <th>Full Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Licence</th>
                                <th class="text-center">Reservation</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($users as $u)
                                @php
                                    $banned = (bool)$u->is_reservation_banned;
                                    $reserveLabel = $banned ? 'banned' : 'allowed';
                                    $reserveClass = $banPillClass($banned);

                                    $lic = trim(($u->license_class ?? '').' - '.($u->license_number ?? ''));
                                    $licExp = $u->license_expires_at ? (' / exp: '.optional($u->license_expires_at)->format('d.m.Y')) : '';
                                    $licCell = $lic ? ($lic.$licExp) : '—';

                                    $banInfo = [];
                                    if ($banned) {
                                        if ($u->reservation_ban_until) $banInfo[] = 'until '.optional($u->reservation_ban_until)->format('d.m.Y');
                                        if ($u->reservation_ban_reason) $banInfo[] = $u->reservation_ban_reason;
                                    }
                                    $banTitle = $banned && $banInfo ? e(implode(' · ', $banInfo)) : '';
                                @endphp
                                <tr>
                                    <td><h6 class="mb-0 fs-14 fw-semibold">{{ $u->name }}</h6></td>
                                    <td>{{ $u->email }}</td>
                                    <td>{{ $u->phone ?? '—' }}</td>
                                    <td>{{ $licCell }}</td>
                                    <td class="text-center">
                                        <span class="badge {{ $reserveClass }} rounded-pill p-2 px-3"
                                              @if($banTitle) data-bs-toggle="tooltip" title="{{ $banTitle }}" @endif>
                                            {{ $reserveLabel }}
                                        </span>
                                    </td>
                                    <td class="text-center">
                                        <div class="d-flex align-items-center gap-1 justify-content-center">

                                            {{-- Ban / Unban --}}
                                            @if(!$banned)
                                                <button type="button"
                                                    class="btn text-warning btn-sm js-open-ban"
                                                    title="Rezervasyonunu Engelle"
                                                    data-url="{{ route('web.users.ban', $u) }}"
                                                    data-name="{{ $u->name }}"
                                                    data-bs-toggle="modal" data-bs-target="#userBanModal">
                                                    <span class="fe fe-slash fs-14"></span>
                                                </button>
                                            @else
                                                <button type="button"
                                                    class="btn text-success btn-sm js-unban"
                                                    title="Yasağı Kaldır"
                                                    data-url="{{ route('web.users.unban', $u) }}"
                                                    data-name="{{ $u->name }}">
                                                    <span class="fe fe-unlock fs-14"></span>
                                                </button>
                                            @endif

                                            {{-- Edit --}}
                                            <button type="button"
                                                class="btn text-primary btn-sm js-edit-user"
                                                title="Edit"
                                                data-update-url="{{ route('web.users.update', $u) }}"
                                                data-name="{{ $u->name }}"
                                                data-email="{{ $u->email }}"
                                                data-phone="{{ $u->phone }}"
                                                data-license-number="{{ $u->license_number }}"
                                                data-license-class="{{ $u->license_class }}"
                                                data-license-issue-date="{{ optional($u->license_issue_date)->format('Y-m-d') }}"
                                                data-license-expires-at="{{ optional($u->license_expires_at)->format('Y-m-d') }}"
                                                data-license-verified-at="{{ optional($u->license_verified_at)->format('Y-m-d\TH:i') }}"
                                                data-is-reservation-banned="{{ (int)$banned }}"
                                                data-reservation-ban-reason="{{ $u->reservation_ban_reason }}"
                                                data-reservation-ban-until="{{ optional($u->reservation_ban_until)->format('Y-m-d') }}"
                                            >
                                                <span class="fe fe-edit fs-14"></span>
                                            </button>

                                            {{-- Delete --}}
                                            <button type="button"
                                                class="btn text-danger btn-sm js-delete-user"
                                                title="Delete"
                                                data-delete-url="{{ route('web.users.destroy', $u) }}"
                                                data-name="{{ $u->name }}">
                                                <span class="fe fe-trash-2 fs-14"></span>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted p-4">- No records found -</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                {{-- Pagination --}}
                <div class="row mt-3 align-items-center">
                    <div class="col-sm-12 col-md-6 my-auto">
                        @if($users->total() > 0)
                            <span>Showing {{ $users->firstItem() }} to {{ $users->lastItem() }} of {{ $users->total() }} entries</span>
                        @else
                            <span>Showing 0 to 0 of 0 entries</span>
                        @endif
                    </div>
                    <div class="col-sm-12 col-md-6">
                        <nav aria-label="Page navigation" class="d-flex justify-content-end">
                            {{ $users->appends(request()->except('page'))->onEachSide(1)->links('vendor.pagination.sash') }}
                        </nav>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

{{-- Create Modal --}}
<div class="modal fade" id="userCreateModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <form class="modal-content" method="POST" action="{{ route('web.users.store') }}">
      @csrf
      <div class="modal-header">
        <h5 class="modal-title">New Driver</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
      </div>
      <div class="modal-body">
        <div class="row g-3">
          <div class="col-md-6">
            <label class="form-label">Full Name</label>
            <input type="text" name="name" class="form-control" required>
          </div>
          <div class="col-md-6">
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" required>
          </div>
          <div class="col-md-6">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-control">
          </div>
          <div class="col-md-6">
            <label class="form-label">Password</label>
            <input type="password" name="password" class="form-control" required>
          </div>

          <div class="col-md-4">
            <label class="form-label">Licence Number</label>
            <input type="text" name="license_number" class="form-control">
          </div>
          <div class="col-md-4">
            <label class="form-label">License Class</label>
            <input type="text" name="license_class" class="form-control" placeholder="B, B1, A, ...">
          </div>
          <div class="col-md-4">
            <label class="form-label">License Issue Date</label>
            <input type="date" name="license_issue_date" class="form-control">
          </div>

          <div class="col-md-6">
            <label class="form-label">License Expires At</label>
            <input type="date" name="license_expires_at" class="form-control">
          </div>
          <div class="col-md-6">
            <label class="form-label">License Verified At (optional)</label>
            <input type="datetime-local" name="license_verified_at" class="form-control">
          </div>

          <div class="col-12 mt-2">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" value="1" id="cr_is_banned" name="is_reservation_banned">
              <label class="form-check-label" for="cr_is_banned">Reservation Banned</label>
            </div>
          </div>
          <div class="col-md-8">
            <label class="form-label">Ban Reason</label>
            <input type="text" class="form-control" name="reservation_ban_reason" placeholder="(opsiyonel)">
          </div>
          <div class="col-md-4">
            <label class="form-label">Ban Until (date)</label>
            <input type="date" class="form-control" name="reservation_ban_until">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
        <button class="btn btn-primary" type="submit"><i class="fe fe-save me-1"></i> Save</button>
      </div>
    </form>
  </div>
</div>

{{-- Edit Modal --}}
<div class="modal fade" id="userEditModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <form class="modal-content" method="POST" id="userEditForm" action="#">
      @csrf
      @method('PUT')
      <div class="modal-header">
        <h5 class="modal-title">Update Driver</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
      </div>
      <div class="modal-body">
        <div class="row g-3">
          <div class="col-md-6">
            <label class="form-label">Full Name</label>
            <input type="text" name="name" class="form-control" required>
          </div>
          <div class="col-md-6">
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" required>
          </div>
          <div class="col-md-6">
            <label class="form-label">Phone</label>
            <input type="text" name="phone" class="form-control">
          </div>
          <div class="col-md-6">
            <label class="form-label">Password (leave blank = do not change)</label>
            <input type="password" name="password" class="form-control">
          </div>

          <div class="col-md-4">
            <label class="form-label">License Number</label>
            <input type="text" name="license_number" class="form-control">
          </div>
          <div class="col-md-4">
            <label class="form-label">License Class</label>
            <input type="text" name="license_class" class="form-control">
          </div>
          <div class="col-md-4">
            <label class="form-label">License Issue Date</label>
            <input type="date" name="license_issue_date" class="form-control">
          </div>

          <div class="col-md-6">
            <label class="form-label">License Expires At</label>
            <input type="date" name="license_expires_at" class="form-control">
          </div>
          <div class="col-md-6">
            <label class="form-label">License Verified At</label>
            <input type="datetime-local" name="license_verified_at" class="form-control">
          </div>

          <div class="col-12 mt-2">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" value="1" id="ed_is_banned" name="is_reservation_banned">
              <label class="form-check-label" for="ed_is_banned">Reservation Banned</label>
            </div>
          </div>
          <div class="col-md-8">
            <label class="form-label">Ban Reason</label>
            <input type="text" class="form-control" name="reservation_ban_reason" placeholder="(opsiyonel)">
          </div>
          <div class="col-md-4">
            <label class="form-label">Ban Until (date)</label>
            <input type="date" class="form-control" name="reservation_ban_until">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
        <button class="btn btn-primary" type="submit"><i class="fe fe-save me-1"></i> Save</button>
      </div>
    </form>
  </div>
</div>

{{-- Ban Modal (sebep/tarih) --}}
<div class="modal fade" id="userBanModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <form class="modal-content" method="POST" id="userBanForm" action="#">
      @csrf
      @method('PATCH')
      <div class="modal-header">
        <h5 class="modal-title">Reservation Banned</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
      </div>
      <div class="modal-body">
        <div class="mb-2 text-muted" id="banUserName"></div>
        <div class="mb-3">
          <label class="form-label">Ban Reason</label>
          <textarea class="form-control" name="reservation_ban_reason" rows="2" placeholder="(opsiyonel)"></textarea>
        </div>
        <div class="mb-2 form-check">
          <input class="form-check-input" type="checkbox" id="banForever" checked>
          <label class="form-check-label" for="banForever">Permanent Ban</label>
        </div>
        <div class="mb-1">
          <label class="form-label">Ban Until (date)</label>
          <input type="date" class="form-control" name="reservation_ban_until" disabled>
          <small class="text-muted">Empty or indefinite → unlimited ban.</small>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
        <button class="btn btn-warning" type="submit"><i class="fe fe-slash me-1"></i> Ban</button>
      </div>
    </form>
  </div>
</div>

{{-- SweetAlert2 --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
    // Tooltips
    if (window.bootstrap) {
        const t = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
        t.map(el => new bootstrap.Tooltip(el));
    }

    // Canlı arama
    const form = document.getElementById('filterForm');
    const q = form?.querySelector('input[name="q"]');
    if (q) { let t; q.addEventListener('input', () => { clearTimeout(t); t = setTimeout(() => form.requestSubmit(), 500); }); }

    // Edit modal doldur
    const editForm  = document.getElementById('userEditForm');
    document.querySelectorAll('.js-edit-user').forEach(btn => {
        btn.addEventListener('click', () => {
            editForm.action = btn.dataset.updateUrl || '#';
            editForm.querySelector('[name="name"]').value  = btn.dataset.name  || '';
            editForm.querySelector('[name="email"]').value = btn.dataset.email || '';
            editForm.querySelector('[name="phone"]').value = btn.dataset.phone || '';

            editForm.querySelector('[name="password"]').value = '';

            editForm.querySelector('[name="license_number"]').value = btn.dataset.licenseNumber || '';
            editForm.querySelector('[name="license_class"]').value  = btn.dataset.licenseClass || '';
            editForm.querySelector('[name="license_issue_date"]').value  = btn.dataset.licenseIssueDate || '';
            editForm.querySelector('[name="license_expires_at"]').value  = btn.dataset.licenseExpiresAt || '';
            editForm.querySelector('[name="license_verified_at"]').value = btn.dataset.licenseVerifiedAt || '';

            const isBanned = btn.dataset.isReservationBanned === '1';
            const banCheck = editForm.querySelector('#ed_is_banned');
            banCheck.checked = isBanned;

            const reason = editForm.querySelector('[name="reservation_ban_reason"]');
            const until  = editForm.querySelector('[name="reservation_ban_until"]');
            reason.value = btn.dataset.reservationBanReason || '';
            until.value  = btn.dataset.reservationBanUntil  || '';

            // ban alanlarını enable/disable
            const toggleBanFields = () => {
                const on = banCheck.checked;
                reason.disabled = !on;
                until.disabled  = !on;
            };
            toggleBanFields();
            banCheck.addEventListener('change', toggleBanFields);

            if (window.bootstrap?.Modal) bootstrap.Modal.getOrCreateInstance(document.getElementById('userEditModal')).show();
        });
    });

    // Ban modal
    const banForm = document.getElementById('userBanForm');
    const banName = document.getElementById('banUserName');
    const banForever = document.getElementById('banForever');
    const banUntil = banForm.querySelector('[name="reservation_ban_until"]');

    document.querySelectorAll('.js-open-ban').forEach(btn => {
        btn.addEventListener('click', () => {
            banForm.action = btn.dataset.url || '#';
            banName.textContent = btn.dataset.name || '';
            banForm.querySelector('[name="reservation_ban_reason"]').value = '';
            banForever.checked = true;
            banUntil.value = '';
            banUntil.disabled = true;
        });
    });
    banForever?.addEventListener('change', e => {
        banUntil.disabled = e.target.checked;
        if (e.target.checked) banUntil.value = '';
    });

    // Unban confirmation
    document.querySelectorAll('.js-unban').forEach(btn => {
        btn.addEventListener('click', () => {
            Swal.fire({
                title: 'Yasağı kaldır?',
                html: `<div class="text-muted">${btn.dataset.name}</div>`,
                icon: 'question',
                showCancelButton: true,
                confirmButtonText: 'Evet',
                cancelButtonText: 'Vazgeç',
                reverseButtons: true
            }).then(res => {
                if (res.isConfirmed) {
                    const f = document.createElement('form');
                    f.method = 'POST'; f.action = btn.dataset.url;
                    f.innerHTML = `@csrf @method('PATCH')`;
                    document.body.appendChild(f); f.submit();
                }
            });
        });
    });

    // Delete
    document.querySelectorAll('.js-delete-user').forEach(btn => {
        btn.addEventListener('click', () => {
            Swal.fire({
                title: 'Silmek istediğine emin misin?',
                html: `<div class="text-muted">${btn.dataset.name}</div>`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Evet, sil',
                cancelButtonText: 'Vazgeç',
                reverseButtons: true
            }).then(res => {
                if (res.isConfirmed) {
                    const f = document.createElement('form');
                    f.method = 'POST'; f.action = btn.dataset.deleteUrl;
                    f.innerHTML = `@csrf @method('DELETE')`;
                    document.body.appendChild(f); f.submit();
                }
            });
        });
    });

    // Flash
    @if(session('status'))
        Swal.fire({icon:'success', title: @json(session('status')), timer:2200, showConfirmButton:false });
    @endif
    @if ($errors->any())
        Swal.fire({icon:'error', title:'Form hatası', html:`{!! implode('<br>', $errors->all()) !!}`});
    @endif
});
</script>
@endsection