@extends('layouts.app')

@section('title', isset($lead) ? 'Edit Lead' : 'Create New Lead')

@section('content')
<div class="max-w-4xl mx-auto">
    <!-- Page Header -->
    <div class="mb-6">
        <a href="{{ route('leads.index') }}" class="text-primary-600 hover:text-primary-900 text-sm font-medium mb-4 inline-flex items-center">
            <i class="fas fa-arrow-left mr-2"></i>
            Back to Leads
        </a>
        <h1 class="text-3xl font-bold text-gray-900">{{ isset($lead) ? 'Edit Lead' : 'Create New Lead' }}</h1>
    </div>

    <form action="{{ isset($lead) ? route('leads.update', $lead) : route('leads.store') }}" method="POST" class="space-y-6">
        @csrf
        @if(isset($lead))
            @method('PUT')
        @endif

        <!-- Basic Information -->
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4 pb-4 border-b">Basic Information</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="company_name" class="block text-sm font-medium text-gray-700 mb-2">Company Name *</label>
                    <input type="text" name="company_name" id="company_name" required value="{{ old('company_name', $lead->company_name ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500 @error('company_name') border-red-500 @enderror">
                    @error('company_name') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label for="contact_person_name" class="block text-sm font-medium text-gray-700 mb-2">Contact Person *</label>
                    <input type="text" name="contact_person_name" id="contact_person_name" required value="{{ old('contact_person_name', $lead->contact_person_name ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500 @error('contact_person_name') border-red-500 @enderror">
                    @error('contact_person_name') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label for="email" class="block text-sm font-medium text-gray-700 mb-2">Email *</label>
                    <input type="email" name="email" id="email" required value="{{ old('email', $lead->email ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500 @error('email') border-red-500 @enderror">
                    @error('email') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>

                <div>
                    <label for="mobile_number" class="block text-sm font-medium text-gray-700 mb-2">Mobile Number *</label>
                    <input type="tel" name="mobile_number" id="mobile_number" required value="{{ old('mobile_number', $lead->mobile_number ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500 @error('mobile_number') border-red-500 @enderror">
                    @error('mobile_number') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
            </div>
        </div>

        <!-- Location Information -->
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4 pb-4 border-b">Location Information</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="address" class="block text-sm font-medium text-gray-700 mb-2">Address *</label>
                    <input type="text" name="address" id="address" required value="{{ old('address', $lead->address ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="city" class="block text-sm font-medium text-gray-700 mb-2">City *</label>
                    <input type="text" name="city" id="city" required value="{{ old('city', $lead->city ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="state" class="block text-sm font-medium text-gray-700 mb-2">State *</label>
                    <input type="text" name="state" id="state" required value="{{ old('state', $lead->state ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-2">Postal Code *</label>
                    <input type="text" name="postal_code" id="postal_code" required value="{{ old('postal_code', $lead->postal_code ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="country" class="block text-sm font-medium text-gray-700 mb-2">Country *</label>
                    <input type="text" name="country" id="country" required value="{{ old('country', $lead->country ?? 'India') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="service_location" class="block text-sm font-medium text-gray-700 mb-2">Service Location</label>
                    <input type="text" name="service_location" id="service_location" value="{{ old('service_location', $lead->service_location ?? '') }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>
            </div>
        </div>

        <!-- Service Requirements -->
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4 pb-4 border-b">Service Requirements</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="service_type_id" class="block text-sm font-medium text-gray-700 mb-2">Service Type *</label>
                    <select name="service_type_id" id="service_type_id" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="">-- Select Service Type --</option>
                        <option value="1" {{ old('service_type_id', $lead->service_type_id ?? '') == 1 ? 'selected' : '' }}>Security</option>
                        <option value="2" {{ old('service_type_id', $lead->service_type_id ?? '') == 2 ? 'selected' : '' }}>Cleaning</option>
                        <option value="3" {{ old('service_type_id', $lead->service_type_id ?? '') == 3 ? 'selected' : '' }}>Maintenance</option>
                    </select>
                </div>

                <div>
                    <label for="guard_type" class="block text-sm font-medium text-gray-700 mb-2">Guard Type *</label>
                    <select name="guard_type" id="guard_type" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="">-- Select Type --</option>
                        <option value="armed" {{ old('guard_type', $lead->guard_type ?? '') === 'armed' ? 'selected' : '' }}>Armed</option>
                        <option value="unarmed" {{ old('guard_type', $lead->guard_type ?? '') === 'unarmed' ? 'selected' : '' }}>Unarmed</option>
                        <option value="both" {{ old('guard_type', $lead->guard_type ?? '') === 'both' ? 'selected' : '' }}>Both</option>
                    </select>
                </div>

                <div>
                    <label for="tentative_guards_count" class="block text-sm font-medium text-gray-700 mb-2">Number of Guards Required *</label>
                    <input type="number" name="tentative_guards_count" id="tentative_guards_count" required min="1" value="{{ old('tentative_guards_count', $lead->tentative_guards_count ?? 1) }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="working_hours_type" class="block text-sm font-medium text-gray-700 mb-2">Working Hours *</label>
                    <select name="working_hours_type" id="working_hours_type" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="">-- Select Hours --</option>
                        <option value="8" {{ old('working_hours_type', $lead->working_hours_type ?? '') === '8' ? 'selected' : '' }}>8 Hours</option>
                        <option value="12" {{ old('working_hours_type', $lead->working_hours_type ?? '') === '12' ? 'selected' : '' }}>12 Hours</option>
                        <option value="24" {{ old('working_hours_type', $lead->working_hours_type ?? '') === '24' ? 'selected' : '' }}>24 Hours</option>
                    </select>
                </div>

                <div>
                    <label for="site_type" class="block text-sm font-medium text-gray-700 mb-2">Site Type *</label>
                    <select name="site_type" id="site_type" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="">-- Select Site Type --</option>
                        <option value="office" {{ old('site_type', $lead->site_type ?? '') === 'office' ? 'selected' : '' }}>Office</option>
                        <option value="factory" {{ old('site_type', $lead->site_type ?? '') === 'factory' ? 'selected' : '' }}>Factory</option>
                        <option value="retail" {{ old('site_type', $lead->site_type ?? '') === 'retail' ? 'selected' : '' }}>Retail</option>
                        <option value="residential" {{ old('site_type', $lead->site_type ?? '') === 'residential' ? 'selected' : '' }}>Residential</option>
                        <option value="other" {{ old('site_type', $lead->site_type ?? '') === 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>

                <div>
                    <label for="lead_source" class="block text-sm font-medium text-gray-700 mb-2">Lead Source *</label>
                    <select name="lead_source" id="lead_source" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="">-- Select Source --</option>
                        <option value="website" {{ old('lead_source', $lead->lead_source ?? '') === 'website' ? 'selected' : '' }}>Website</option>
                        <option value="reference" {{ old('lead_source', $lead->lead_source ?? '') === 'reference' ? 'selected' : '' }}>Reference</option>
                        <option value="walk_in" {{ old('lead_source', $lead->lead_source ?? '') === 'walk_in' ? 'selected' : '' }}>Walk In</option>
                        <option value="phone" {{ old('lead_source', $lead->lead_source ?? '') === 'phone' ? 'selected' : '' }}>Phone Call</option>
                        <option value="email" {{ old('lead_source', $lead->lead_source ?? '') === 'email' ? 'selected' : '' }}>Email</option>
                        <option value="other" {{ old('lead_source', $lead->lead_source ?? '') === 'other' ? 'selected' : '' }}>Other</option>
                    </select>
                </div>
            </div>
        </div>

        <!-- Budget & Compliance -->
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4 pb-4 border-b">Budget & Compliance</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="budget_range_min" class="block text-sm font-medium text-gray-700 mb-2">Minimum Budget *</label>
                    <input type="number" name="budget_range_min" id="budget_range_min" required min="0" value="{{ old('budget_range_min', $lead->budget_range_min ?? 0) }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="budget_range_max" class="block text-sm font-medium text-gray-700 mb-2">Maximum Budget *</label>
                    <input type="number" name="budget_range_max" id="budget_range_max" required min="0" value="{{ old('budget_range_max', $lead->budget_range_max ?? 0) }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                </div>

                <div>
                    <label for="compliance_required" class="block text-sm font-medium text-gray-700 mb-2">Compliance Required</label>
                    <select name="compliance_required" id="compliance_required" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="no" {{ old('compliance_required', $lead->compliance_required ?? 'no') === 'no' ? 'selected' : '' }}>No</option>
                        <option value="yes" {{ old('compliance_required', $lead->compliance_required ?? 'no') === 'yes' ? 'selected' : '' }}>Yes</option>
                    </select>
                </div>

                <div>
                    <label for="rba_applicable" class="block text-sm font-medium text-gray-700 mb-2">RBA Applicable</label>
                    <select name="rba_applicable" id="rba_applicable" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                        <option value="0" {{ old('rba_applicable', $lead->rba_applicable ?? 0) == 0 ? 'selected' : '' }}>No</option>
                        <option value="1" {{ old('rba_applicable', $lead->rba_applicable ?? 0) == 1 ? 'selected' : '' }}>Yes</option>
                    </select>
                </div>
            </div>
        </div>

        <!-- Lead Status -->
        @if(isset($lead))
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-lg font-semibold text-gray-900 mb-4 pb-4 border-b">Lead Status</h2>
            
            <div>
                <label for="lead_status" class="block text-sm font-medium text-gray-700 mb-2">Current Status *</label>
                <select name="lead_status" id="lead_status" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-primary-500 focus:border-primary-500">
                    <option value="new" {{ old('lead_status', $lead->lead_status ?? '') === 'new' ? 'selected' : '' }}>New</option>
                    <option value="contacted" {{ old('lead_status', $lead->lead_status ?? '') === 'contacted' ? 'selected' : '' }}>Contacted</option>
                    <option value="qualified" {{ old('lead_status', $lead->lead_status ?? '') === 'qualified' ? 'selected' : '' }}>Qualified</option>
                    <option value="proposal_sent" {{ old('lead_status', $lead->lead_status ?? '') === 'proposal_sent' ? 'selected' : '' }}>Proposal Sent</option>
                    <option value="negotiation" {{ old('lead_status', $lead->lead_status ?? '') === 'negotiation' ? 'selected' : '' }}>Negotiation</option>
                    <option value="closed_won" {{ old('lead_status', $lead->lead_status ?? '') === 'closed_won' ? 'selected' : '' }}>Closed Won</option>
                    <option value="closed_lost" {{ old('lead_status', $lead->lead_status ?? '') === 'closed_lost' ? 'selected' : '' }}>Closed Lost</option>
                </select>
            </div>
        </div>
        @endif

        <!-- Form Actions -->
        <div class="flex justify-end gap-3">
            <a href="{{ route('leads.index') }}" class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 font-medium">
                Cancel
            </a>
            <button type="submit" class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 font-medium">
                {{ isset($lead) ? 'Update Lead' : 'Create Lead' }}
            </button>
        </div>
    </form>
</div>
@endsection