@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 mb-4" 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 mb-4" 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="assigned_to" class="input">
                        <option value="">— Select Sales Consultant —</option>
                        @foreach($salesConsultants as $consultant)
                        <option value="{{ $consultant->id }}" {{ $lead->assigned_to == $consultant->id ? 'selected' : '' }}>{{ $consultant->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Source</label>
                    <select name="source" class="input">
                        <option value="">Select source</option>
                        @foreach(['Website', 'Referral', 'Social Media', 'Walk-in', 'Real Estate Agent', 'Exhibition', 'Google Ads', 'Word of Mouth', 'Other'] as $source)
                        <option value="{{ $source }}" {{ $lead->source === $source ? 'selected' : '' }}>{{ $source }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label>Project Type</label>
                    <select name="project_type" class="input">
                        <option value="">Select type</option>
                        <option value="kitchen" {{ $lead->project_type === 'kitchen' ? 'selected' : '' }}>Kitchen</option>
                        <option value="bathroom" {{ $lead->project_type === 'bathroom' ? 'selected' : '' }}>Bathroom</option>
                        <option value="laundry" {{ $lead->project_type === 'laundry' ? 'selected' : '' }}>Laundry</option>
                        <option value="wardrobe" {{ $lead->project_type === 'wardrobe' ? 'selected' : '' }}>Wardrobe</option>
                        <option value="other" {{ $lead->project_type === 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>
                <div>
                    <label>Showroom</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>
                <div>
                    <label>Designer</label>
                    <select name="designer_id" id="designer_id" class="input">
                        <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')
                        <p class="text-red-400 text-xs mt-1">{{ $message }}</p>
                    @enderror
                </div>
                <div>
                    <label>Booking Date</label>
                    <input type="date" name="booking_date" id="booking_date"
                        class="input"
                        value="{{ old('booking_date', $lead->booking_date?->format('Y-m-d')) }}">
                    @error('booking_date')
                        <p class="text-red-400 text-xs mt-1">{{ $message }}</p>
                    @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