{{-- @props(['lead' => [], 'leadsources' => [], 'users' => []]) --}}
@props(['lead' => [], 'leadsources' => [], 'users' => []])
<h4 class="text-primary mb-3">Lead Details</h4>
<div class="row">
    <div class="mb-3 col-md-3">
        <label class="form-label">Lead Source</label>
        <select name="lead_source" id="lead_source" class="form-select">
            <option selected value="">Select Lead Source</option>
            @forelse ($leadsources as $key => $value)
                <option value="{{ $key }}" {{ $lead && $lead['lead_source'] == $key ? 'selected' : '' }}>{{ $value }}</option>
            @empty
                <option value="">No sources available</option>
            @endforelse
        </select>
    </div>


    <div class="mb-3 col-md-3">
        <label class="form-label">Assign to Agent</label>
        <!-- <x-text-input id="assigned_to" placeholder="Enter Assigned to" name="assigned_to" :value="$lead['assigned_to'] ?? ''" /> -->
        <select name="assigned_to" id="assigned_to" class="form-control form-control-sm">
            <option selected value="">Select Agent</option>
            @forelse ($users as $key => $value)
                <option value="{{ $key }}" {{ $lead && $lead['assigned_to'] == $key ? 'selected' : '' }}> {{ $value }}</option>
            @empty
                <option value="">No user available</option>
            @endforelse
        </select>
    </div>
    <div class="mb-3 col-md-3" id="property-type-section" style="display:none;">
        <label class="form-label">Listing Type</label>
        <select id="propertyType" class="form-control form-control-sm" name="property_type">
            <option value="" @selected(old('property_type', $lead['property_type'] ?? '') == '')>Select</option>
            <option value="residential" @selected(old('property_type', $lead['property_type'] ?? '') == 'residential')>Residential</option>
            <option value="commercial" @selected(old('property_type', $lead['property_type'] ?? '') == 'commercial')>Commercial</option>
        </select>
    </div>

    <div class="mb-3 col-md-3" id="residentialSubType" style="display:none;">
        <label class="form-label">Property Type</label>
        <select class="form-control form-control-sm" name="residential_type">
            <option value="" @selected(old('residential_type', $lead['residential_type'] ?? '') == '')>Choose Option</option>
            <option value="single_family" @selected(old('residential_type', $lead['residential_type'] ?? '') == 'single_family')>Single Family</option>
            <option value="condo" @selected(old('residential_type', $lead['residential_type'] ?? '') == 'condo')>Town House / Condo</option>
            <option value="land" @selected(old('residential_type', $lead['residential_type'] ?? '') == 'land')>Land</option>
            <option value="multi_family" @selected(old('residential_type', $lead['residential_type'] ?? '') == 'multi_family')>Multi Family (4 or less)</option>
        </select>
    </div>

    <div class="mb-3 col-md-3" id="commercialSubType" style="display:none;">
        <label class="form-label">Property Type</label>
        <select id="commercialTypeSelect" class="form-control form-control-sm" name="commercial_type">
            <option value="" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == '')>Choose Option</option>
            <option value="retail" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'retail')>Retail</option>
            <option value="multi_family" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'multi_family')>Multi Family</option>
            <option value="office" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'office')>Office</option>
            <option value="industrial" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'industrial')>Industrial</option>
            <option value="mixed_use" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'mixed_use')>Mixed Use</option>
            <option value="land" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'land')>Land</option>
            <option value="self_storage" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'self_storage')>Self Storage</option>
            <option value="mobile_homepark" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'mobile_homepark')>Mobile Homepark</option>
            <option value="senior_living" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'senior_living')>Senior Living</option>
            <option value="hospitality" @selected(old('commercial_type', $lead['commercial_type'] ?? '') == 'hospitality')>Hospitality</option>
        </select>
    </div>
</div>


<!-- Referral section  -->

<div class="row">
    <div class="mb-3 col-md-3">
        <label for="property_condition" class="form-label">Property Condition</label>
        <select class="form-select" name="property_condition" id="property_condition">
            <option value="" {{ ($lead['property_condition'] ?? '') == '' ? 'selected' : '' }}>Select Property Condition</option>
            <option value="Class_A" {{ ($lead['property_condition'] ?? '') == 'Class_A' ? 'selected' : '' }}>Class A:
                Top Quality</option>
            <option value="Class_B" {{ ($lead['property_condition'] ?? '') == 'Class_B' ? 'selected' : '' }}>Class B:
                Average Quality</option>
            <option value="Class_C" {{ ($lead['property_condition'] ?? '') == 'Class_C' ? 'selected' : '' }}>Class C:
                Older Property Needing Updates</option>
            <option value="Class_D" {{ ($lead['property_condition'] ?? '') == 'Class_D' ? 'selected' : '' }}>Class D:
                Distressed Properties</option>
        </select>
    </div>


    <div class="mb-3 col-md-3">
        <x-input-label for="referral_name" :value="__('Referral Name')" />
        <x-text-input id="referral_name" placeholder="Enter Referral's Name" name="referral_name" :value="$lead['referral_name'] ?? ''" />
    </div>
    <div class="col-md-3">
        <x-input-label for="referral_email" :value="__('Referral Email')" />
        <x-text-input id="referral_email" placeholder="Enter Referral's Email" name="referral_email"
            :value="$lead['referral_email'] ?? ''" />
    </div>
    <div class="col-md-3">
        <x-input-label for="referral_number" :value="__('Referral Phone Number')" />
        <x-text-input id="referral_number" placeholder="Enter Referral's Phone Number" name="referral_number"
            class="phone_number_formate" :value="$lead['referral_number'] ?? ''" />
    </div>
</div>