@extends('layouts.contentLayoutMaster')
@section('title','Schedule With My Agent')

@section('content')
<div class="container py-3" style="max-width:760px">
  <h4 class="mb-3">Schedule With {{ $agent->first_name }} {{ $agent->last_name }}</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('client.appointments.store') }}">
    @csrf
    <div class="mb-3">
      <label class="form-label">Title</label>
      <input type="text" name="title" class="form-control" required maxlength="120">
    </div>

    <div class="mb-3">
      <label class="form-label">Description</label>
      <textarea name="description" class="form-control" rows="3"></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>
      </div>
      <div class="col-md-6">
        <label class="form-label">Ends At (optional)</label>
        <input type="datetime-local" name="ends_at" class="form-control">
      </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...">
    </div>

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