@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-pills mb-3">
                @foreach ($steps as $name => $step_data)
                <li class="nav-item" role="presentation">
                    <button type="button" class="nav-link position-relative me-2 @if ($step == $name) active @endif"
                        data-bs-toggle="pill" data-bs-target="#pills-{{ $name }}"
                        @if (!$step_data['mode']) disabled @endif
                    >
                        {{ $step_data['title'] ?? $name }}
                        @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" id="pills-tabContent">
                    @foreach ($steps as $name => $step_data)
                    <div id="pills-{{ $name }}" class="tab-pane fade @if ($step == $name) show active @endif">
                        @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
            </div>
        </div>
    </div>
</div> --}}

<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)
                    <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']) 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
                                @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
            </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" />
              </div>

              {{-- ? Ide biztos kell az email ki küldés? --}}
              {{-- <div class="form-check">
                  <input class="form-check-input" type="checkbox" value="1" name="send_email" id="send_email">
                  <label class="form-check-label" for="send_email">
                      Kiküldés e-mailben test-02
                  </label>
              </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>
@endsection