{{-- resources/views/agent/appointments/create.blade.php --}}
@extends('layouts.contentLayoutMaster')
@section('title','Schedule Appointment')

@section('content')
<div class="container py-3" style="max-width:760px">
  <h4 class="mb-3">Schedule Appointment</h4>

  @if($errors->any())
    <div class="alert alert-danger">
      <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
  @endif

  <form method="POST" action="{{ route('agent.appointments.store') }}">
    @csrf

    {{-- Client selector (schema-agnostic; uses ?client_id= and old() fallback) --}}
    <div class="mb-3">
      <label class="form-label">Client</label>

      @php
        $prefill = (int) old('client_id', $prefillClientId ?? request()->integer('client_id'));
      @endphp

      <select name="client_id" class="form-select" required>
        <option value="">-- Select client --</option>
        @foreach($clients as $c)
          @php
            // Value should be the USER id, because validation checks users.id
            $valueId = (int) ($c->user_id ?? 0);

            // Build a display name:
            $hasFL = isset($c->first_name) || isset($c->last_name);
            $fullName = $hasFL
                ? trim(($c->last_name ?? '').', '.($c->first_name ?? ''))
                : ($c->user->name ?? 'Client');

            $email = $c->email ?? ($c->user->email ?? null);
          @endphp
          @if($valueId)
            <option value="{{ $valueId }}" {{ $valueId === $prefill ? 'selected' : '' }}>
              {{ $fullName }} @if($email) ({{ $email }}) @endif
            </option>
          @endif
        @endforeach
      </select>
    </div>

    <div class="mb-3">
      <label class="form-label">Title</label>
      <input type="text" name="title" class="form-control" required maxlength="120" value="{{ old('title') }}">
    </div>

    <div class="mb-3">
      <label class="form-label">Description</label>
      <textarea name="description" class="form-control" rows="3">{{ old('description') }}</textarea>
    </div>

    <div class="row g-3">
      <div class="col-md-6">
        <label class="form-label">Starts At</label>
        <input type="datetime-local" name="starts_at" class="form-control" required value="{{ old('starts_at') }}">
      </div>
      <div class="col-md-6">
        <label class="form-label">Ends At (optional)</label>
        <input type="datetime-local" name="ends_at" class="form-control" value="{{ old('ends_at') }}">
      </div>
    </div>

    <div class="mb-3 mt-3">
      <label class="form-label">Location (optional)</label>
      <input type="text" name="location" class="form-control" placeholder="Zoom, phone, office..." value="{{ old('location') }}">
    </div>

    <div class="d-flex gap-2">
      <button class="btn btn-success" type="submit">Save & Notify Client</button>
      <a class="btn btn-outline-secondary" href="{{ route('agent.appointments.index') }}">Cancel</a>
    </div>
  </form>
</div>
@endsection