@extends('layouts.admin')

@section('main-content')

<div class="card">
    <div class="card-body">
        <div class="row p-2">
            <div class="p-2 col-md-9">
                <ul class="nav nav-tabs mb-3">
                    @foreach ($steps as $name => $step_data)
                    @php
                        $is_issue_ticket_only = false; 

                        if($name == 'process' || $name == 'offer' || $name == 'order')
                            $is_issue_ticket_only = isset($steps['issue_ticket']['item']['is_issue_ticket_only']) ? $steps['issue_ticket']['item']['is_issue_ticket_only'] : false;
                    @endphp
                    <li class="nav-item" role="presentation">
                        <button type="button" class="nav-link position-relative me-2 @if ($step == $name) active @endif"
                            data-bs-toggle="tab" data-bs-target="#tabs-{{ $name }}"
                            @if (!$step_data['mode'] || $is_issue_ticket_only) disabled @endif
                            onclick="window.dispatchEvent(new Event('resize')); window.history.replaceState(null, null, '?step={{ $name }}');" {{-- Azért kell triggerelni a resize eseményt, mert a tabok váltásakor a táblázatok szét estek --}}
                        >
                            {{ $step_data['title'] ?? $name }}

                            @switch($name)
                                @case('process')
                                    {{ $step_data['item']->process_number ? '('.$step_data['item']->process_number.')' : '' }}
                                    @break
                                @case('offer')
                                @case('order')
                                    {{ $step_data['item']->offer_number ? '('.$step_data['item']->offer_number.')' : '' }}
                                    @break
                                @case('issue_ticket')
                                    {{ $step_data['item']->issue_number ? '('.$step_data['item']->issue_number.')' : '' }}
                                    @break
                                @default

                            @endswitch

                            @if ($step_data['tasks'])
                            <span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
                                <span class="visually-hidden">New alerts</span>
                            </span>
                            @endif
                        </button>
                    </li>
                    @endforeach
                </ul>
                <div class="tab-content">
                    @foreach ($steps as $name => $step_data)
                    <div class="tab-pane fade @if ($step == $name) show active @endif" id="tabs-{{ $name }}">
                        @includeFirst(['process.steps.'.$name, 'process.steps.default'])
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="col-md-3 ps-4">
                @foreach ($steps as $name => $step_data)
                    @includeFirst(['process.infos.'.$name, 'process.infos.default'])
                @endforeach
                
                {{-- Megjegyzések --}}
                @if ($offer?->id != null)
                    <div class="my-3 comment-box">
                        @include('comments.panel', ['comment_target' => $offer, 'post_it' => true])
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="surveyUploadModal" tabindex="-1" aria-labelledby="surveyUploadModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="surveyUploadModalLabel">Felmérés eredményének feltöltése</h5>
          {{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --}}

          <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </div>
        <div class="modal-body">
          <form method="POST" id="surveyUpload" enctype="multipart/form-data"> @csrf
              <div class="form-group">
                  <label for="description">{!! __('Leírás') !!}</label>
                  <textarea class="form-control" id="description" name="description" rows="2"></textarea>
              </div>

              <div class="form-group">
                  <label for="file">{!! __('Fájl') !!}</label>
                  <input type="file" class="form-control" id="file" name="file[]" style="height: auto !important" multiple />
              </div>

              <input type="hidden" name="type" value="survey">
              <input type="hidden" name="target_type" value="App\Models\Offer">
              <input type="hidden" name="target_id" value="{{ $offer->id }}">
              <input type="hidden" name="survey_id" value="">
              <input type="hidden" name="overwrite" value="false">
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Mégse</button>
          <button type="submit" class="btn btn-primary" form="surveyUpload" name="file_upload" value="true">Küld</button>
        </div>
      </div>
    </div>
</div>


<div class="modal fade" id="workUploadModal" tabindex="-1" aria-labelledby="workUploadModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="workUploadModalLabel">Munka eredményének feltöltése</h5>
          <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </div>
        <div class="modal-body">
          <form method="POST" id="workUpload" enctype="multipart/form-data"> 
            @csrf
            @php
                $types = ['worksheet', 'location', 'handover_report'];
                $document_types = App\Models\Document::types();
            @endphp

            @if(isset($types[1]))
            <div class="form-group">
                <label for="type">{!! __('Dokumentum típusa') !!}</label>
                <select class="form-select @error('type') is-invalid @enderror" id="type" name="type">
                    @if(!isset($copy_data)) 
                        @foreach ($document_types as $key => $value)
                            @php $type_show = false @endphp
                            @foreach($types as $type)
                                @if($type == $key) @php $type_show = true @endphp @endif
                            @endforeach
                            @if($type_show)
                                <option value="{{ $key }}">{!! __($value['name']) !!}</option>
                            @endif
                        @endforeach
                    @else
                        <option value="{{ $copy_data['type'] }}" selected>{!! __($document_types[$copy_data['type']]['name']) !!}</option>
                    @endif
                </select>
                @error('category')
                    <span class="invalid-feedback" role="alert">
                        <strong>{!! $message !!}</strong>
                    </span>
                @enderror
            </div>
            @endif

            <div class="form-group">
                <label for="description">{!! __('Leírás') !!}</label>
                <textarea class="form-control" id="description" name="description" rows="2">{{ isset($copy_data['description']) ? $copy_data['description'] : '' }}</textarea>
            </div>

            <div class="form-group">
                <label for="file">{!! __('Fájl') !!}</label>
                <input type="file" class="form-control" id="file" name="file[]" style="height: auto !important" multiple />
            </div>

            {{-- Munka szervezés fájl feltöltéskor készre jelentés --}}
            <div class="form-group ml-3 pl-1 mt-3">
                <input type="checkbox" class="form-check-input" id="state" name="state" value="completed" @if(isset($state) && $state == 1) checked @endif @if(isset($state) && $state == 1) disabled @endif>
                <label class="form-check-label" for="state">
                    {{__('Munka elkészült')}}
                </label>
            </div>

            <input type="hidden" name="target_type" value="App\Models\Work">
            <input type="hidden" name="target_id" value="">
            <input type="hidden" name="work_id" value="">
            <input type="hidden" name="overwrite" value="false">
            @if(!isset($types[1]))
            <input type="hidden" name="type" value="{{$types[0]}}">
            @endif
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Mégse</button>
          <button type="submit" class="btn btn-primary" form="workUpload" name="file_upload" value="true">Küld</button>
        </div>
      </div>
    </div>
</div>
@push('scripts')
<script>
$(document).ready(function() {
    $('table.display').each(function() {
        $(this).DataTable();
    });

    $('button[data-bs-toggle="tab"]').on('click', function () {
        $('table.display').each(function() {
            var table = $(this).DataTable();
            table.columns.adjust().draw();
        });
    });
});
</script>
@endpush
@endsection