@php
    $work = App\Models\Work::where('id', $id)->first();
    $offer = isset($work->offer) ? $work->offer : null;
    $process = isset($work->offer->process) ? $work->offer->process : null;
    $plate_numbers = $work->getPlateNumbers();
    $client_name = $process ? $process->client->full_name : null;
    $address = $process ? $process->address->fullAddress : null;
    $start_date = date('Y.m.d H:i', strtotime($work->start_date));
    $end_date = date('Y.m.d H:i', strtotime($work->end_date));
    $delivery_date = date('Y.m.d');
    //ha van work->issue_ticket_id, akkor jegyzőkönyvről van szó
@endphp

@if($action == 'create')
<div class="row">
    <div class="col-6">
        @if($offer)
        <b>@if($work->issue_ticket_id) Hibaazonosító: @else Bizonylatszám: @endif</b>
        <br>@if($work->issue_ticket_id) {{$work->issue_ticket->issue_number}} @else {{$offer->offer_number}} @endif
        @endif
        @if($process)
        <br><b>Ügyfél neve:</b>
        <br>{{$client_name}}
        <br><b>Beruházási cím:</b>
        <br>{{$address}}
        @endif
    </div>
    <div class="col-6">
        <b>Munkát végző csapat:</b>
        <br>{{$plate_numbers}}
        <br><b>Munkavégzés dátuma:</b>
        <br>{{$start_date}} - {{$end_date}}
        <br><b>Átadás-átvétel dátuma:</b>
        <br>{{$delivery_date}}
    </div>
    @if($work->issue_ticket_id)
    <div class="col-12">
        <b>Hibabejelentés leírása:</b>
        <div>{{$work->issue_ticket->description}}</div>
    @endif
</div>

<hr>

@if($process)
@if($work->issue_ticket_id)

<div class="form-group">
    <label for="more_repair" style="font-size: 12px;">Javítással kapcsolatos további reklamáció?</label>
    <div class="d-flex float-right">
        <div class="form-check mr-3">
            <input class="form-check-input" type="radio" name="ws_radio_complaint" id="ws_radio_complaint_radio1" value="true" onclick="$('#complaint_description_box').removeClass('d-none');">
            <label class="form-check-label" for="ws_radio_complaint_radio1">
                Van
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ws_radio_complaint" id="ws_radio_complaint_radio2" value="false" onclick="$('#complaint_description_box').addClass('d-none');" checked>
            <label class="form-check-label" for="ws_radio_complaint_radio2">
                Nincs
            </label>
        </div>
    </div>
</div>

<div id="complaint_description_box" class="form-group d-none">
    <label for="complaint_description" style="font-size: 12px;">További kiszállás, javítás szükséges.</label>
    <div class="d-flex float-right"></div>   
    <div>
        <textarea 
            class="form-control @error('complaint_description') is-invalid @enderror" 
            id="complaint_description" 
            name="complaint_description" 
            rows="2"
            placeholder="Hiba leírása"
        ></textarea>
    </div>    
</div>

@else

<div class="form-group">
    <label for="substitute_survey" style="font-size: 12px;">Pótfelmérés szerződés teljesítéséhez?</label>
    <div class="d-flex float-right">
        <div class="form-check mr-3">
            <input class="form-check-input" type="radio" name="ws_radio_substitute_survey" id="ws_radio_substitute_survey_radio1" value="true" onclick="show_input_field('input_substitute_survey', 'show')">
            <label class="form-check-label" for="ws_radio_substitute_survey_radio1">
                Igen
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ws_radio_substitute_survey" id="ws_radio_substitute_survey_radio2" value="false" onclick="show_input_field('input_substitute_survey', 'hide')" checked>
            <label class="form-check-label" for="ws_radio_substitute_survey_radio2">
                Nem
            </label>
        </div>
    </div>

    <div id="input_substitute_survey" class="d-none">
        <textarea 
            class="form-control @error('substitute_survey') is-invalid @enderror" 
            id="substitute_survey" 
            name="substitute_survey" 
            rows="2"
            placeholder="Pótfelmérés leírása"
        >@if(isset($substitute_survey)) {{ $substitute_survey }} @endif</textarea>
        @error('substitute_survey')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
        @enderror
    </div>
</div>

<div class="form-group">
    <label for="new_offer" style="font-size: 12px;">Új ajánlatkérés felmérés alapján?</label>
    <div class="d-flex float-right">
        <div class="form-check mr-3">
            <input class="form-check-input" type="radio" name="ws_radio_new_offer" id="ws_radio_new_offer_radio1" value="true" onclick="show_input_field('input_new_offer', 'show')">
            <label class="form-check-label" for="ws_radio_new_offer_radio1">
                Van
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ws_radio_new_offer" id="ws_radio_new_offer_radio2" value="false" onclick="show_input_field('input_new_offer', 'hide')" checked>
            <label class="form-check-label" for="ws_radio_new_offer_radio2">
                Nincs
            </label>
        </div>
    </div>
    
    <div id="input_new_offer" class="d-none">
        <textarea 
            class="form-control @error('new_offer') is-invalid @enderror" 
            id="new_offer" 
            name="new_offer" 
            rows="2"
            placeholder="Méret, típus, nyitásirány, mennyiség stb."
        >@if(isset($new_offer)) {{ $new_offer }} @endif</textarea>
        @error('new_offer')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
        @enderror
    </div>
</div>

<div class="form-group">
    <label for="returned_product" style="font-size: 12px;">Helyszínről raktárba visszaszállított termék?</label>
    @if($action == 'create')
    <div class="d-flex float-right">
        <div class="form-check mr-3">
            <input class="form-check-input" type="radio" name="ws_radio_returned_product" id="ws_radio_returned_product_radio1" value="true" onclick="show_input_field('input_returned_product', 'show')">
            <label class="form-check-label" for="ws_radio_returned_product_radio1">
                Van
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ws_radio_returned_product" id="ws_radio_returned_product_radio2" value="false" onclick="show_input_field('input_returned_product', 'hide')" checked>
            <label class="form-check-label" for="ws_radio_returned_product_radio2">
                Nincs
            </label>
        </div>
    </div>
    @endif

    <div id="input_returned_product" class="@if($action == 'create') d-none @endif">
        <textarea 
            class="form-control @error('returned_product') is-invalid @enderror" 
            id="returned_product" 
            name="returned_product" 
            rows="2"
            placeholder="Termékek típusa és mennyisége"
        >@if(isset($returned_product)) {{ $returned_product }} @endif</textarea>
        @error('returned_product')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
        @enderror
    </div>
</div>

@if($action == 'create')
<div class="form-group">
    <label for="deficiency" style="font-size: 12px;">Szerződés szerint beépített és/vagy átadott alapanyagokkal kapcsolatosan, hiányosság vagy sérülés tapasztalható?</label>
    <div class="d-flex float-right">
        <div class="form-check mr-3">
            <input class="form-check-input" type="radio" name="ws_radio_deficiency" id="ws_radio_deficiency_radio1" value="true" onclick="show_input_field('input_deficiency', 'show')">
            <label class="form-check-label" for="ws_radio_deficiency_radio1">
                Igen
            </label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ws_radio_deficiency" id="ws_radio_deficiency_radio2" value="false" onclick="show_input_field('input_deficiency', 'hide')" checked>
            <label class="form-check-label" for="ws_radio_deficiency_radio2">
                Nem
            </label>
        </div>
    </div>

    <div id="input_deficiency" class="d-none">
        <textarea 
            class="form-control @error('deficiency') is-invalid @enderror" 
            id="deficiency" 
            name="deficiency" 
            rows="2"
            placeholder="Ellenőrzés során tapasztalt probléma"
        >@if(isset($deficiency)) {{ $deficiency }} @endif</textarea>
        @error('deficiency')
            <span class="invalid-feedback" role="alert">
                <strong>{!! $message !!}</strong>
            </span>
        @enderror
    </div>
</div>

@endif

@endif

@endif

@if(!$process)
<div class="form-group">
    <label for="client_name">Ügyfél neve</label>
    <input type="text" name="client_name" class="form-control w-100" id="client_name" value="">
</div>

<div class="form-group">
    <label for="client_address">Cím</label>
    <input type="text" name="client_address" class="form-control w-100" id="client_address" value="">
</div>

<div class="form-group">
    <label for="description">Leírás</label>
    <textarea class="form-control" id="description" name="description" rows="3"></textarea>
</div>
@endif

<hr>

<div class="mb-3">
    @if($work->issue_ticket_id)
        <b>Jegyzőkönyvet a fenti válaszok és megjegyzések alapján aláírásommal igazolom.</b>
    @else
        <b>A munka elvégzését/áru átvételét a fenti válaszok és megjegyzések alapján aláírásommal igazolom.</b>
    @endif
</div>

<input name="contractor_signature" id="contractor_signature" type="hidden" value="">
<label>Kivitelező aláírása</label>
<div class="signature-pad-main">
    <div id="signature-pad-contractor" class="signature-pad">
        <div class="signature-pad--body">
            <canvas id="signature-pad-canvas-contractor" style="touch-action: none;" width="400" height="200"></canvas>
        </div>
    </div>
    <div id="clear_contractor" class="btn btn-secondary w-100 mb-4 mt-2">{{ __('Aláírás törlése') }}</div>
</div>

<input name="client_signature" id="client_signature" type="hidden" value="">
<label>Megrendelő aláírása</label>
<div class="signature-pad-main">
    <div id="signature-pad-client" class="signature-pad">
        <div class="signature-pad--body">
            <canvas id="signature-pad-canvas-client" style="touch-action: none;" width="400" height="200"></canvas>
        </div>
    </div>
    <div id="clear_client" class="btn btn-secondary w-100 mb-4 mt-2">{{ __('Aláírás törlése') }}</div>
</div>
@endif

<input name="work_id" id="work_id" type="hidden" value="{{$id}}">
<input name="offer_id" id="offer_id" type="hidden" value="{{$work->offer_id}}">
<input name="target_type" id="target_type" type="hidden" value="App\Models\Work">
<input name="target_id" id="target_id" type="hidden" value="{{$id}}">

<script src="{{ asset('/js/signature-pad/signature_pad.js') }}?{{ time() }}"></script>

<script>
    $(function() {
        setTimeout(function() {
            console.log($('.modal-backdrop').length);
            
            $('.modal-backdrop').on('click', function( event ) {
                event.stopImmediatePropagation();
                event.preventDefault();
            });


        }, 250);
    });

    function show_input_field(id, action)
    {
        var item = $('#'+id);
        var textarea = item.find('textarea');

        if(action == 'show') {
            item.removeClass('d-none');
            textarea.prop('required', true);
        } else {
            item.addClass('d-none');
            item.find('textarea').val('')
            textarea.prop('required', false);
        }
    }
</script>