@php
    use App\Enums\Calls\OutcomeType;
    use App\Enums\Calls\RelatedToType;
    use App\Models\CallStatus;
@endphp
<div class="row g-3">
    <div class="col-md-6">
        <x-forms.labels.basic>
            Related to type<span style="color:red">*</span>
        </x-forms.labels.basic>
        <x-forms.select.basic class="select2" id="relatedToTypeSelect" name="related_to_type" required>
            <option value="">Select type</option>
            <option value="App\Models\Lead" @if(old('related_to_type', $call->related_to_type)=='App\Models\Lead') selected @endif>Lead</option>
            
            {{-- @foreach (RelatedToType::cases() as $relatedToType)
                <option @selected(old('related_to_type', $call->related_to_type) == $relatedToType->value) value="{{ $relatedToType->value }}">
                    {{ str($relatedToType->name)->lower()->replace('_', ' ')->ucfirst() }}
                </option>
            @endforeach --}}
        </x-forms.select.basic>
    </div>

    <div class="col-md-6">
        <x-forms.labels.basic>
            Related to<span style="color:red">*</span>
        </x-forms.labels.basic>
        <x-forms.select.basic class="select2" name="related_to_id" id="relatedToSelect" required>
            <option value="">Select</option>
        </x-forms.select.basic>

    </div>

    <div class="col-md-6">
        <x-forms.input-label.basic name="subject" value="{{ old('subject', $call->subject) }}"
            required>
            Subject<span style="color:red">*</span>
        </x-forms.input-label.basic>
    </div>

    <div class="col-md-6">
        <x-forms.input-label.basic name="call_time" 
                value="{{ old('call_time', $call->call_time)}}"
                type="datetime-local" required>
                Call time<span style="color:red">*</span>
            </x-forms.input-label.basic>
    </div>

    {{-- <div class="col-md-4">
        <x-forms.input-label.basic name="duration_in_minutes"
            value="{{ old('duration_in_minutes', $call->duration_in_minutes) }}" type="number"
            required>
            Duration in minutes
        </x-forms.input-label.basic>
    </div> --}}

    <div class="col-md-4">
        <x-forms.labels.basic>
            Action<span style="color:red">*</span>
        </x-forms.labels.basic>
        <x-forms.select.basic class="select2" name="action" required id="actionSelect">
            <option value="">Select action</option>
            @foreach (OutcomeType::cases() as $action)
                <option value="{{ $action->value }}" @selected(old('action', $call->action) === $action->value)>
                    {{ str($action->value)->replace('_', ' ')->lower()->ucfirst() }}</option>
            @endforeach
        </x-forms.select.basic>
    </div>

    <div class="col-md-4">
        <x-forms.labels.basic>
            Status<span style="color:red">*</span>
        </x-forms.labels.basic>
        <x-forms.select.basic class="select2" name="call_status_id" required>
            <option value="">Select status</option>
            @foreach (CallStatus::all() as $status)
                <option value="{{ $status->id }}" @selected(old('call_status_id', $call->call_status_id) == $status->id)>
                    {{ str($status->name)->replace('_', ' ')->lower()->ucfirst() }}
                </option>
            @endforeach
        </x-forms.select.basic>
    </div>

    <div class="col-md-4 reasons-select" style="@if($call->reason_id) display:block; @endif">
        <x-forms.labels.basic>
            Reasons
        </x-forms.labels.basic>
        <x-forms.select.basic class="select2" name="reason_id">
            <option value="">Select Reason</option>
            @foreach($reasons as $reason)
                <option
                    value="{{ $reason->id }}"
                    @selected(old('reason_id',$call->reason_id) == $reason->id)
                >
                    {{ str($reason->reason)->replace('_', ' ')->lower()->ucfirst() }}</option>
            @endforeach
        </x-forms.select.basic>
    </div>
    
    <div class="col-12">
        <x-forms.labels.basic>
            Notes
        </x-forms.labels.basic>
        <x-forms.textarea.basic
            name="notes">{{ old('notes', $call->notes) }}</x-forms.textarea.basic>
    </div>

    <div class="col-12 pt-4 text-end">
        <x-forms.buttons.primary class="float-end">
            Submit
        </x-forms.buttons.primary>
    </div>
</div>