@extends('layouts.app')
@section('title', 'Edit Lead')
@section('breadcrumb')<a href="{{ route('leads.index') }}" class="hover:text-white">Leads</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Edit {{ $lead->lead_number }}</span>@endsection

@section('content')
@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if (session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
<div class="max-w-2xl">
    <form method="POST" action="{{ route('leads.update', $lead) }}" class="space-y-6">
        @csrf @method('PUT')
        <div class="card p-5">
            <h3 class="mb-4">Lead Information</h3>
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label>Status</label>
                    <select name="status" class="input">
                        @foreach(['new' => 'New', 'consult_booked' => 'Consult Booked', 'on_hold' => 'On Hold', 'lost' => 'Lost', 'sold' => 'Sold'] as $val => $label)
                        <option value="{{ $val }}" {{ $lead->status === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Priority</label>
                    <select name="priority" class="input">
                        @foreach(['low' => 'Low', 'medium' => 'Medium', 'high' => 'High'] as $val => $label)
                        <option value="{{ $val }}" {{ $lead->priority === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Showroom Consultant</label>
                    <select name="showroom_id" class="input">
                        <option value="">— Select showroom —</option>
                        @foreach($showrooms as $showroom)
                        <option value="{{ $showroom->id }}" {{ $lead->showroom_id == $showroom->id ? 'selected' : '' }}>{{ $showroom->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Brand</label>
                    <select name="brand_id" class="input">
                        <option value="">— Select brand —</option>
                        @foreach($brands as $brand)
                        <option value="{{ $brand->id }}" {{ $lead->brand_id == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                        @endforeach
                    </select>
                </div>
                {{-- Designer --}}
                <div class="col-md-6 mb-3">
                    <label for="designer_id" class="form-label">Designer</label>
                    <select name="designer_id" id="designer_id"
                            class="input form-select select2 @error('designer_id') is-invalid @enderror">
                        <option value="">— Select Designer —</option>
                        @foreach ($designers as $designer)
                            <option value="{{ $designer->id }}"
                                {{ old('designer_id', $lead->designer_id) == $designer->id ? 'selected' : '' }}>
                                {{ $designer->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('designer_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                {{-- Booking Date --}}
                <div class="col-md-6 mb-3">
                    <label for="booking_date" class="form-label">Booking Date</label>
                    <input type="date" name="booking_date" id="booking_date"
                        class="input form-control @error('booking_date') is-invalid @enderror"
                        value="{{ old('booking_date', $lead->booking_date?->format('Y-m-d')) }}">
                    @error('booking_date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>
            <div class="mt-4">
                <label>Notes</label>
                <textarea name="notes" rows="4" class="input">{{ $lead->notes }}</textarea>
            </div>
            <div class="mt-4">
                <label>Internal Notes</label>
                <textarea name="internal_notes" rows="3" class="input">{{ $lead->internal_notes }}</textarea>
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Save Changes</button>
            <a href="{{ route('leads.show', $lead) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
    @include('leads.partials._appointments_section')

@include('leads.partials._followups_section')
</div>
@endsection