@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@php($isEdit = isset($ticket) && isset($ticket->id))
@php($lockContext = $lockContext ?? false)
@php($tf = request()->input('tf', ''))
@php(
    $headingOptions = [
        '<a href="' . route('merchant-helpdesk-tickets.index') . '" class="'. \Config::get('view.buttons.secondary') .'"><i class="' . \Config::get('settings.icon_back') . '"></i> Back</a>',
        '<button type="submit" class="green-btn-inner waves-effect"><i class="mdi '. ($isEdit ? 'mdi-content-save' : 'mdi-plus') .'"></i> '. ($isEdit ? 'Update Ticket' : 'Create Ticket') .'</button>'
    ]
)
@extends('admin.layouts.layout', $headerOption)
@section('content')
<form action="{{ $isEdit ? route('merchant-helpdesk-tickets.update',$ticket->id) : route('merchant-helpdesk-tickets.store') }}" method="POST" enctype="multipart/form-data" id="helpdeskTicketForm" autocomplete="off">
    @csrf
    @if($isEdit) @method('PATCH') @endif
    <x-heading-sec :module="($isEdit ? 'Edit Helpdesk Ticket' : 'Create Helpdesk Ticket')" :options="$headingOptions" />
    <input type="hidden" name="tf" value="{{ $tf }}">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-6 col-md-12 col-12">
                <div class="project-box">
                    <h3>Ticket Details</h3>
                    <div class="row mt-4">
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Ticket Category</label>
                                <select class="form-select select2 no-search" name="master_helpdesk_ticket_category_id" aria-label="Ticket category select">
                                    <option value="">None</option>
                                    @foreach($categories ?? [] as $cid=>$ctitle)
                                        <option value="{{ $cid }}" {{ old('master_helpdesk_ticket_category_id', $ticket->master_helpdesk_ticket_category_id ?? '') == $cid ? 'selected' : '' }}>{{ $ctitle }}</option>
                                    @endforeach
                                </select>
                                @error('master_helpdesk_ticket_category_id')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Ticket Type <sup class="text-danger">*</sup></label>
                                <select class="form-select select2 no-search" name="master_helpdesk_ticket_type_id" aria-label="Ticket type select" required>
                                    <option value="">Select Type</option>
                                    @foreach($types ?? [] as $tid=>$ttitle)
                                        <option value="{{ $tid }}" {{ old('master_helpdesk_ticket_type_id', $ticket->master_helpdesk_ticket_type_id ?? '') == $tid ? 'selected' : '' }}>{{ $ttitle }}</option>
                                    @endforeach
                                </select>
                                @error('master_helpdesk_ticket_type_id')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Priority</label>
                                <select class="form-select select2 no-search" name="priority" aria-label="Priority select">
                                    @foreach($priorities ?? [] as $pid=>$pname)
                                        <option value="{{ $pid }}" {{ old('priority', $ticket->priority ?? '') == $pid ? 'selected' : '' }}>{{ $pname }}</option>
                                    @endforeach
                                </select>
                                @error('priority')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form mb-0 w-100">
                                <label>Due date</label>
                                <input type="datetime-local" class="form-control" name="due_at" value="{{ old('due_at', isset($ticket->due_at) ? $ticket->due_at->format('Y-m-d\TH:i') : '') }}">
                                @error('due_at')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>For</label>
                                <select class="form-control select2 no-search ticket_for" name="ticket_for" aria-label="Merchant or Lead select" {{ $lockContext ? 'disabled readonly' : '' }}>
                                    <option value="">None</option>
                                    <option value="merchant" {{ old('ticket_for', $ticket_for ?? '') == 'merchant' ? 'selected' : '' }}>Merchant</option>
                                    <option value="lead" {{ old('ticket_for', $ticket_for ?? '') == 'lead' ? 'selected' : '' }}>Lead</option>
                                </select>
                                @error('ticket_for')<small class="text-danger">{{ $message }}</small>@enderror
                                @if($lockContext)
                                    <!-- Preserve disabled value -->
                                    <input type="hidden" name="ticket_for" value="merchant">
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4 merchant-lead-wrapper {{ old('ticket_for', $ticket_for ?? 'merchant') ? '' : 'd-none' }}">
                            <div class="project-form w-100 mb-0">
                                <label>Merchant/Lead</label>
                                <select class="form-control select2 select2-ajax-autocomplete"
                                        name="{{ old('ticket_for', $ticket_for ?? 'merchant') == 'lead' ? 'lead_id' : 'merchant_id' }}"
                                        data-ajax-url="{{ old('ticket_for', $ticket_for ?? 'merchant') == 'lead' ? route('merchant-helpdesk-tickets.search-leads') : route('merchant-helpdesk-tickets.search-merchants') }}"
                                        data-lead-url="{{ route('merchant-helpdesk-tickets.search-leads') }}"
                                        data-merchant-url="{{ route('merchant-helpdesk-tickets.search-merchants') }}"
                                        data-placeholder="Type to search..." data-minimum-input-length="2"
                                        {{ $lockContext ? 'disabled readonly' : '' }}>
                                    @if($isEdit && $ticket_for == 'merchant' && isset($ticket->merchant_id) && isset($ticket->merchant))
                                        <option value="{{ $ticket->merchant_id }}" selected>{{ $ticket->merchant->dba }} (MID: {{ $ticket->merchant->mid }})</option>
                                    @elseif($isEdit && $ticket_for == 'lead' && isset($ticket->lead_id) && isset($ticket->lead))
                                        @php($leadDisplay = ($ticket->lead->full_name ?? trim(($ticket->lead->first_name ?? '') . ' ' . ($ticket->lead->last_name ?? ''))) . ($ticket->lead->email ? ' ('.$ticket->lead->email.')' : ''))
                                        <option value="{{ $ticket->lead_id }}" selected>{{ $leadDisplay }}</option>
                                    @elseif(!$isEdit && $lockContext && isset($prefillMerchantId))
                                        <!-- Prefilled merchant context option -->
                                        <option value="{{ $prefillMerchantId }}" selected>{{ $merchant->dba }} (MID : {{ $merchant->mid }})</option>
                                    @endif
                                </select>
                                @error('merchant_id')<small class="text-danger">{{ $message }}</small>@enderror
                                @error('lead_id')<small class="text-danger">{{ $message }}</small>@enderror
                                @if($lockContext && isset($prefillMerchantId))
                                    <!-- Preserve disabled merchant id -->
                                    <input type="hidden" name="merchant_id" value="{{ $prefillMerchantId }}">
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Merchant Visibility <sup class="text-danger">*</sup></label>
                                <select class="form-select select2 no-search" name="merchant_visibility" aria-label="Merchant visibility select">
                                    <option value="1" {{ old('merchant_visibility', $ticket->merchant_visibility ?? 1) == 1 ? 'selected' : '' }}>Visible</option>
                                    <option value="0" {{ old('merchant_visibility', $ticket->merchant_visibility ?? 1) == 0 ? 'selected' : '' }}>Hidden</option>
                                </select>
                                <small class="text-muted">Ticket visibility to the merchant</small>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Group</label>
                                <select class="form-select select2 no-search" name="master_group_id" aria-label="Group select">
                                    @foreach($groups ?? [] as $id=>$gTitle)
                                        <option value="{{ $id }}" {{ old('master_group_id', $ticket->master_group_id ?? '') == $id ? 'selected' : '' }}>{{ $gTitle }}</option>
                                    @endforeach
                                </select>
                                @error('master_group_id')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Subject <sup class="text-danger">*</sup></label>
                                <input type="text" class="form-control" name="subject" value="{{ old('subject', $ticket->subject ?? '') }}" placeholder="Enter Subject" required>
                                @error('subject')<small class="text-danger">{{ $message }}</small>@enderror
                            </div>
                        </div>
                        <div class="col-12 mb-4">
                            <div class="project-form w-100 mb-0">
                                <label>Description</label>
                                <textarea type="text" class="form-control" name="description" rows="5" placeholder="Enter your description or copy and paste an image">{{ old('description', $ticket->description ?? '') }}</textarea>
                            </div>
                        </div>
                        <div class="col-12 mb-4 notify_users d-none">
                            <div class="project-form mb-0">
                                <label>Notify Users</label>
                                <select class="form-select select2 select2-multiple" name="notify_user_ids[]" multiple="multiple" aria-label="Notify user select">
                                    @foreach($userOptions ?? [] as $uid=>$uname)
                                        <option value="{{ $uid }}" {{ in_array($uid, old('notify_user_ids', $existingNotify ?? [])) ? 'selected' : '' }}>{{ $uname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="pr-upload-box ">
                                <span>Drag &amp; Drop to Upload, or</span>
                                <div class="position-relative">
                                    <button type="button" class="btn trigger-attachment"><i class="mdi mdi-tray-arrow-up"></i> Upload File(s)</button>
                                    <input type="file" class="file-sec d-none" name="attachments[]" multiple>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="attachments-dynamic-wrapper row g-2"></div>
                        </div>
                        @if($isEdit && ($attachments->count() ?? 0))
                            <div class="col-12 mt-3">
                                <h5>Existing Attachments</h5>
                                <div class="row">
                                    @foreach($attachments as $att)
                                        <div class="row existing-attachment-row" data-id="{{ $att->id }}">
                                            <div class="col-lg-8 col-md-8 col-12 mb-4 file-attachments-section">
                                                <div class="project-form mb-0 w-100">
                                                    <label>Filename</label>
                                                    <input type="text" class="form-control" value="{{ $att->filename }}" placeholder="Filename" disabled readonly>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-12 mb-4 file-attachments-section">
                                                <div class="project-form w-100 mb-0">
                                                    <label>Label</label>
                                                    <select class="form-select select2 no-search" disabled readonly aria-label="Attachment label select">
                                                        <option value="1" {{ $att->label == 1 ? 'selected' : '' }}>Ticket Attachment</option>
                                                        <option value="2" {{ $att->label == 2 ? 'selected' : '' }}>Other</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-1 col-md-1 col-12 mb-4 file-attachments-section d-flex align-items-end">
                                                <button type="button" class="btn btn-danger remove-existing-attachment mb-2" data-id="{{ $att->id }}"><i class="mdi mdi-trash-can"></i></button>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-12">
                <div class="project-box">
                    <h3>Assigned Users</h3>
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-12 mb-4">
                            <div class="project-form mb-0">
                                <label>Assign Users</label>
                                <select class="form-select select2 select2-multiple" name="assigned_user_ids[]" multiple="multiple" aria-label="Assign user select">
                                    @foreach($userOptions ?? [] as $uid=>$uname)
                                        <option value="{{ $uid }}" {{ in_array($uid, old('assigned_user_ids', $existingAssigned ?? [])) ? 'selected' : '' }}>{{ $uname }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@push('page_script')
<script>
    var isConfirmBeforeSubmit = false;
</script>
<script src="{{ asset('assets/js/form-validation-init.js') }}?v={{ date('YmdHis') }}"></script>
<script src="{{ asset('assets/js/merchant-helpdesk-ticket.js') }}?v={{ date('YmdHis') }}"></script>
@endpush