@include('Partials.sidebar')
<section class="main_content dashboard_part large_header_bg">
    @include('Partials.header')
    <div class="main_content_iner default_main_contaner_iner">
        <div class="page-body">

            <div class="container-fluid">
                <div class="page-title">
                    <div class="row align-items-center">
                        <div class="col-sm-6 ps-0">
                            <h3><i class="fas fa-plus-circle mr-2" style="color:#c9a96e"></i>New Lead</h3>
                        </div>
                        <div class="col-sm-6 pe-0">
                            <ol class="bc">
                                <li><a href="/admin/dashboard" class="bc-home"><i class="fas fa-home"></i></a></li>
                                <li class="bc-sep">›</li>
                                <li><a href="/admin/leads" class="bc-link">Leads</a></li>
                                <li class="bc-sep">›</li>
                                <li class="bc-active">New</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="card shadow-sm" style="border-top:3px solid #c9a96e">
                            <div class="card-header" style="background:linear-gradient(135deg,#1a1a2e,#16213e)">
                                <h6 class="mb-0 text-white"><i class="fas fa-user-plus mr-2"
                                        style="color:#c9a96e"></i>Lead Details</h6>
                            </div>
                            <div class="card-body">
                                <form method="POST" action="/admin/leads">
                                    @csrf
                                    @php
                                    $countryCodes = [
                                        '+91'  => '🇮🇳 +91  India',
                                        '+1'   => '🇺🇸 +1   USA / Canada',
                                        '+44'  => '🇬🇧 +44  UK',
                                        '+61'  => '🇦🇺 +61  Australia',
                                        '+971' => '🇦🇪 +971 UAE',
                                        '+966' => '🇸🇦 +966 Saudi Arabia',
                                        '+974' => '🇶🇦 +974 Qatar',
                                        '+968' => '🇴🇲 +968 Oman',
                                        '+965' => '🇰🇼 +965 Kuwait',
                                        '+973' => '🇧🇭 +973 Bahrain',
                                        '+65'  => '🇸🇬 +65  Singapore',
                                        '+60'  => '🇲🇾 +60  Malaysia',
                                        '+27'  => '🇿🇦 +27  South Africa',
                                        '+92'  => '🇵🇰 +92  Pakistan',
                                        '+880' => '🇧🇩 +880 Bangladesh',
                                        '+94'  => '🇱🇰 +94  Sri Lanka',
                                        '+977' => '🇳🇵 +977 Nepal',
                                        '+33'  => '🇫🇷 +33  France',
                                        '+49'  => '🇩🇪 +49  Germany',
                                        '+86'  => '🇨🇳 +86  China',
                                        '+81'  => '🇯🇵 +81  Japan',
                                        '+82'  => '🇰🇷 +82  South Korea',
                                        '+7'   => '🇷🇺 +7   Russia',
                                    ];
                                    @endphp
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Full Name *</label>
                                                <input type="text" name="name" class="form-control" required
                                                   value="{{ old('name', $prefill['name'] ?? '') }}" placeholder="e.g. John Doe">
                                            </div>
                                        </div>

                                        {{-- Phone with country code --}}
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Phone *</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <select name="country_code"
                                                            style="height:38px;border:1px solid #ced4da;border-right:0;border-radius:4px 0 0 4px;background:#f8f9fa;padding:0 6px;font-size:13px;cursor:pointer;outline:none;color:#495057">
                                                            @foreach($countryCodes as $code => $label)
                                                            <option value="{{ $code }}"
                                                                {{ old('country_code', '+91') === $code ? 'selected' : '' }}>
                                                                {{ $label }}
                                                            </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <input type="text" name="phone" class="form-control" required
                                                        value="{{ old('phone', $prefill['phone'] ?? '') }}" placeholder="9876543210"
                                                        style="border-radius:0 4px 4px 0">
                                                </div>
                                                <small class="text-muted" style="font-size:11px">Enter number without country code</small>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Email</label>
                                                <input type="email" name="email" class="form-control"
                                                    value="{{ old('email', $prefill['email'] ?? '') }}" placeholder="optional">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Source *</label>
                                                <select name="source" class="form-control" required>
                                                    @foreach(\App\Models\Lead::SOURCES as $key => $cfg)
                                                        <option value="{{ $key }}" {{ old('source') === $key ? 'selected' : '' }}>
                                                            {{ $cfg['icon'] }} {{ $cfg['label'] }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Interested In</label>
                                                <select name="interested_in" class="form-control">
                                                    <option value="">— Any —</option>
                                                    @foreach($plotTypes as $type)
                                                        <option {{ old('interested_in', $prefill['interested_in'] ?? '') === $type ? 'selected' : '' }}>{{ $type }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Preferred Contact Time</label>
                                                <input type="text" name="preferred_contact_time" class="form-control"
                                                    value="{{ old('preferred_contact_time') }}"
                                                    placeholder="e.g. Mornings, After 6PM">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Budget Min ({{ config('app.currency_symbol','₹') }})</label>
                                                <input type="number" name="budget_min" class="form-control"
                                                    value="{{ old('budget_min') }}" placeholder="e.g. 5000000" min="0">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Budget Max ({{ config('app.currency_symbol','₹') }})</label>
                                                <input type="number" name="budget_max" class="form-control"
                                                    value="{{ old('budget_max') }}" placeholder="e.g. 10000000" min="0">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Assign To Agent</label>
                                                <select name="assigned_to" class="form-control">
                                                    <option value="">— Unassigned —</option>
                                                    @foreach($agents as $a)
                                                        <option value="{{ $a->id }}" {{ old('assigned_to') == $a->id ? 'selected' : '' }}>{{ $a->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="form-group">
                                                <label style="font-size:12px;font-weight:600">Notes</label>
                                                <textarea name="notes" class="form-control" rows="3"
                                                    placeholder="Any initial notes about this lead...">{{ old('notes') }}</textarea>
                                            </div>
                                        </div>
                                        {{-- Hidden plot_id --}}
                                        @if(!empty($prefill['plot_id']))
                                            <input type="hidden" name="plot_id" value="{{ $prefill['plot_id'] }}">
                                        @endif
                                        <div class="col-12 d-flex" style="gap:8px">
                                            <button type="submit" class="btn btn-warning" style="color:#fff;font-weight:700">
                                                <i class="fas fa-save mr-1"></i>Create Lead
                                            </button>
                                            <a href="/admin/leads" class="btn btn-outline-secondary">Cancel</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
@include('Partials.footer')