@php
    $rand = rand(0,1000);
    $count = App\Models\IssueTicket::where('offer_id',$offer->id)->count() + 1;
    $ticket_issue_number = $offer->offer_number . 'H' . $count;
@endphp

<form method="POST" autocomplete="off" enctype="multipart/form-data"> @csrf
    <div class="row flex-row gy-4">
        @if(($offer->id && !$order->id))
        <div class="col-12">
            <div class="alert alert-danger mb-0" role="alert">@if($errors->any()) {{$errors->first()}} @else Ajánlathoz nem lehet hibajegyet rendelni! @endif</div>
        </div>
        @endif
        
        @if (!$offer->id)

        <div class="col-12">
            <label for="offer_number" class="form-label">{!! __('Bizonylatszám') !!}</label>
            <input 
                id="search_offer_number" 
                name="offer_number"
                value="{{ isset($data['offer_number']) ? $data['offer_number'] : old('offer_number') }}"
                type="text" 
                class="form-control small" 
                placeholder="Keresés..." 
                aria-label="Search" 
                aria-describedby="basic-addon2"
                @if($client->id)
                search_field="get_client_offer_number_{{$client->id}}"
                @elseif($client->id && $process->process_number)
                search_field="get_process_offer_number_{{$process->id}}"
                @else
                search_field="get_all_order_number"
                @endif
            >
            @error('offer_number')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        <div class="col-12">
            <label for="process_number" class="form-label">{!! __('Folyamatszám') !!}</label>
            <input
                type="text" 
                class="form-control" 
                name="process_number" 
                data="search_process_number"
                placeholder="Keresés..." 
                aria-label="Search" 
                aria-describedby="basic-addon2"
                value="{{ $process->process_number ? $process->process_number : (isset($data['process_number']) ? $data['process_number'] : old('process_number')) }}" 
                search_field="get_all_process_number"
            >
            @error('process_number')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        @endif

        @if (!$client->id && !$process->id && !$offer->id)

    </div>


    <div class="row gy-3 mt-2 mb-3">
        @include('forms.components.form_client', [
            'prefix'  => '',
            'show'    => 'business_client_data',
            'chkb_pay_hidden' => true,
            'client'  => [
                'first_name'   => '',
                'last_name'    => '',
                'phone'        => '',
                'email'        => '',
                'company_name' => '',
                'tax_number'   => '',
            ],
        ])
    </div>

    <div class="row flex-row gy-4">
        <div class="col-12">
            @include('forms.components.form_address', [
                'label'         => 'Cím',
                'type'          => 'different_address',
                'required'      => '',
                'component_id'  => 0,
                'data' => [],
            ])
            <input type="hidden" name="show[]" value="different_address">
        </div>

        @endif

        @if ($offer->id)
        <div class="col-12">
            <label for="issue_number" class="form-label">{!! __('Hibaazonosító') !!}</label>
            <input type="text" class="form-control" name="issue_number" placeholder="" value="{{ $issue_ticket->issue_number ?? $ticket_issue_number }}" readonly>
            @error('issue_number')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>
        @endif

        <div class="col-12">
            <label for="type" class="form-label">{!! __('Hibajegy típusa') !!}</label>
            <select id="type" name="type" class="form-select" aria-label="select" onchange="disable_select('type','not_a_real_issue', 'action_type')">
                <option value=""></option>
                @php $type = old('type') ?? $issue_ticket->type; @endphp
                @foreach (App\Models\IssueTicket::types() as $key => $value)
                <option value="{{$key}}" @if($type == $key) selected @endif>{{$value}}</option>
                @endforeach
            </select>
            @error('type')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        @if(isset($issue_ticket->history))
        <div class="mt-4">
            @include('issue_ticket.history', [$issue_ticket])
        </div>
        @endif

        <div class="col-12">
            <label for="description">Hibabejelentés leírása</label>
            <textarea class="form-control" id="description" name="description" rows="2">{!! old('description') ??  $issue_ticket->description !!}</textarea>
            @error('description')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>       
        
        <div class="col-12">
            <label for="fix_description">Hibajavítás leírása</label>
            <textarea class="form-control" id="fix_description" name="fix_description" rows="2">{{ old('fix_description') ?? $issue_ticket->fix_description }}</textarea>
            @error('fix_description')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>
        
        <div class="col-12">
            <label for="action_type" class="form-label">{!! __('Intézkedés') !!}</label>
            <select id="action_type" name="action_type" class="form-select" aria-label="select">
                <option value=""></option>
                @php $action_types = old('action_types') ?? $issue_ticket->action_type; @endphp
                @foreach (App\Models\IssueTicket::action_types() as $key => $value)
                <option value="{{$key}}" @if($action_types == $key) selected @endif>{{$value}}</option>
                @endforeach
            </select>
            @error('action_type')
                <span class="invalid-feedback" role="alert">
                    <strong>{!! $message !!}</strong>
                </span>
            @enderror
        </div>

        @if(!$issue_ticket->id)
        <div class="col-12">
            <label for="file">Fájl</label>
            <input type="file" class="form-control" id="file" name="file[]" style="height: auto !important" multiple />
        </div>
        @endif
    </div>   
    
    <input type="hidden" name="client_id" value="{{$client->id}}">
    <input type="hidden" name="process_id" value="{{$process->id}}">
    <input type="hidden" name="offer_id" value="{{$offer->id}}">
    <input type="hidden" name="issue_ticket" value="{{$issue_ticket->id}}">
    <input type="hidden" name="target_type" value="App\Models\IssueTicket">
    
    <div class="d-flex align-items-start gap-3 mt-4">
        <button type="submit" class="btn btn-success btn-label right ms-auto nexttab" data-nexttab="v-pills-finish-tab" name="issue_ticket" value="true" @if($disabled || $offer->id && !$order->id) disabled @endif>
            Mentés
        </button>
    </div>
</form>

<script>
function disable_select(check_item, check_value, disable) {
    let this_item = document.getElementById(check_item);
    let disable_item = document.getElementById(disable);

    if (this_item.value === check_value) {
        // első option kiválasztása
        disable_item.selectedIndex = 0;

        // disabled beállítása
        disable_item.disabled = true;
    } else {
        // disabled eltávolítása
        disable_item.disabled = false;
    }
}

disable_select('type','not_a_real_issue', 'action_type');
</script>