@extends(backpack_view('blank'))

@section('content')
    <main class="pt-2">
        <nav aria-label="breadcrumb" class="d-none d-lg-block">
            <ol class="breadcrumb bg-transparent p-0 justify-content-end">
                <li class="breadcrumb-item text-capitalize"><a href="{{ backpack_url('dashboard') }}">Admin</a></li>
                <li class="breadcrumb-item text-capitalize"><a href="{{ url('tasks') }}">Pekerjaan</a></li>
                <li class="breadcrumb-item text-capitalize active" aria-current="page">Detail</li>
            </ol>
        </nav>
        <section class="container-fluid">
            <h2>
                <span class="text-capitalize">Pekerjaan</span>
                <small>Detail pekerjaan.</small>
                <small><a href="{{ url('tasks') }}" class="d-print-none font-sm"><i class="la la-angle-double-left"></i> Back to all  <span>tasks</span></a></small>
            </h2>
        </section>
        <div class="container-fluid animated fadeIn">
            <div class="row">
                <div class="col-md-12 bold-labels">
                    <form id="form-task" method="post" action="{{isset($formRouteName) ? route($formRouteName) : ''}}" action="#" enctype="multipart/form-data">
                    @csrf
                        <input type="hidden" name="stateCode" id="stateCode" value="{{ $stateCode }}">
                        <input type="hidden" name="uuid" value="{{$data['uuid']}}">
                        <input type="hidden" name="contract_id" value="{{$data['id']}}">
                        <input type="hidden" name="http_referrer" value="{{ url('tasks') }}">
                        <div class="tab-container  mb-2">
                            <div class="nav-tabs-custom " id="form_tabs">
                                <ul class="nav nav-tabs " role="tablist">
                                    @if($showKontrak || $showApproveKontrak)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_kontrak" aria-controls="tab_kontrak" role="tab" tab_name="kontrak" data-toggle="tab" class="nav-link {{$activeTab == 'kontrak' ? 'active' : ''}}" aria-selected="true">Kontrak</a>
                                    </li>
                                    @endif
                                    @if($showPenilaian or $showDokumen)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_dokumen" aria-controls="tab_dokumen" role="tab" tab_name="dokumen" data-toggle="tab" class="nav-link {{$activeTab == 'dokumen' ? 'active' : ''}}">Dokumen</a>
                                    </li>
                                    @endif
                                    @if($showTim)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_tim" aria-controls="tab_tim" role="tab" tab_name="tim" data-toggle="tab" class="nav-link {{$activeTab == 'tim' ? 'active' : ''}}">Tim</a>
                                    </li>
                                    @endif
                                    @if($showPenugasan)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_penugasan" aria-controls="tab_penugasan" role="tab" tab_name="penugasan" data-toggle="tab" class="nav-link {{$activeTab == 'penugasan' ? 'active' : ''}}">Penugasan</a>
                                    </li>
                                    @endif
                                    @if($showRKP)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_rkp" aria-controls="tab_rkp" role="tab" tab_name="rkp" data-toggle="tab" class="nav-link {{$activeTab == 'rkp' ? 'active' : ''}}">Rencana Kerja Proyek</a>
                                    </li>
                                    @endif
                                    @if($showRKS)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_rks" aria-controls="tab_rks" role="tab" tab_name="rks" data-toggle="tab" class="nav-link {{$activeTab == 'rks' ? 'active' : ''}}">Rencana Kerja Survey</a>
                                    </li>
                                    @endif
                                    @if($showHasilSurvey || $showInspeksiSurvey || $showResumeKertasKerja)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_hasil_survey" aria-controls="tab_hasil_survey" role="tab" tab_name="hasil_survey" data-toggle="tab" class="nav-link {{$activeTab == 'hasilsurvey' ? 'active' : ''}}">Inspeksi & Hasil Survey</a>
                                    </li>
                                    @endif
                                    @if($showTanggapanClient)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_tanggapan_client" aria-controls="tab_tanggapan_client" role="tab" tab_name="tanggapan_client" data-toggle="tab" class="nav-link {{$activeTab == 'tanggapanclient' ? 'active' : ''}}">Tanggapan Client</a>
                                    </li>
                                    @endif
                                    @if($showArsip)
                                    <li role="presentation" class="nav-item">
                                        <a href="#tab_arsip" aria-controls="tab_arsip" role="tab" tab_name="arsip" data-toggle="tab" class="nav-link {{$activeTab == 'arsip' ? 'active' : ''}}">Arsip</a>
                                    </li>
                                    @endif
                                    {{-- <li role="presentation" class="nav-item">
                                    <a href="{{ url('peta/view') . '/' . $data->uuid }}" class="nav-link">MAP</a>
                                </li> --}}
                                @if($showMaps)
                                <li role="presentation" class="nav-item">
                                    <button id="tab_map" type="button" data-bs-target="#tab_maps" aria-controls="tab_maps" role="tab" tab_name="maps" data-bs-toggle="tab" class="nav-link">MAPS</button>
                                </li>
                                @endif
                                </ul>

                                <div class="tab-content mt-4 p-0 ">
                                    @if($showKontrak || $showApproveKontrak)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'kontrak' ? 'active' : ''}}" id="tab_kontrak">
                                        @include('tasks.tabs.kontrak', ['action' => $actionKontrak, 'data' => $data, 'docs' => $docs, 'penanggungjawab' => $penanggungjawab, 'surveyor' => $surveyor, 'penilai' => $penilai, 'reviewer' => $reviewer])
                                        @if($showApproveKontrak)
                                            @include('tasks.tabs.approvekontrak', ['action' => $actionApproveKontrak])
                                        @endif
                                    </div>
                                    @endif
                                    @if($showPenilaian)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'dokumen' ? 'active' : ''}}" id="tab_dokumen">
                                        @include('tasks.tabs.dokumen', ['action' => $actionPenilaian])
                                    </div>
                                    @endif
                                    @if($showDokumen)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'dokumen' ? 'active' : ''}}" id="tab_dokumen">
                                        @include('tasks.tabs.dokumen', ['action' => $actionDokumen])
                                    </div>
                                    @endif
                                    @if($showTim)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'tim' ? 'active' : ''}}" id="tab_tim">
                                        @include('tasks.tabs.tim', ['action' => $actionTim])
                                    </div>
                                    @endif
                                    @if($showPenugasan)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'penugasan' ? 'active' : ''}}" id="tab_penugasan">
                                        @include('tasks.tabs.penugasan', ['action' => $actionPenugasan])
                                    </div>
                                    @endif
                                    @if($showRKP)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'rkp' ? 'active' : ''}}" id="tab_rkp">
                                            @include('tasks.tabs.rkproyek', ['action' => $actionRKP])
                                            @include('tasks.tabs.allowance', ['action' => $actionRKP])
                                        @if($showApproveRKP)
                                            @include('tasks.tabs.rkproyek_approval', ['action' => $actionApproveRKP])
                                        @endif
                                    </div>
                                    @endif
{{--                                    @if($showRKS)--}}
{{--                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'rks' ? 'active' : ''}}" id="tab_rks">--}}
{{--                                        @include('tasks.tabs.rksurvey', ['action' => $actionRKS])--}}
{{--                                        @if($showApproveRKS)--}}
{{--                                            @include('tasks.tabs.rksurvey_approval', ['action' => $actionApproveRKS])--}}
{{--                                        @endif--}}
{{--                                    </div>--}}
{{--                                    @endif--}}
                                    @if($showHasilSurvey || $showInspeksiSurvey || $showResumeKertasKerja)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'hasilsurvey' ? 'active' : ''}}" id="tab_hasil_survey">
                                        @include('tasks.tabs.inspeksisurvey', ['actionHasilSurvey' => $actionHasilSurvey, 'actionInspeksiSurvey' => $actionInspeksiSurvey, 'actionResumeKertasKerja' => $actionResumeKertasKerja, 'actionDistribusiResume' => $actionDistribusiResume])

                                        @if($showDistribusiResume)
                                            @include('tasks.tabs.distribusiresume', ['action' => $actionDistribusiResume])
                                        @endif

                                        @if($showReviewHasilSurvey)
                                            @include('tasks.tabs.inspeksisurvey_review', ['action' => $actionReviewHasilSurvey])
                                        @endif

                                        @if($showApproveHasilSurvey)
                                            @include('tasks.tabs.inspeksisurvey_approval', ['action' => $actionApproveHasilSurvey])
                                        @endif
                                    </div>
                                    @endif
                                    @if($showTanggapanClient)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'tanggapanclient' ? 'active' : ''}}" id="tab_tanggapan_client">
                                        <!--TODO-->
                                        @include('tasks.tabs.tanggapan', ['action' => $actionTanggapanClient])
                                    </div>
                                    @endif
                                    @if($showArsip)
                                    <div role="tabpanel" class="tab-pane {{$activeTab == 'arsip' ? 'active' : ''}}" id="tab_arsip">
                                        <!--TODO-->
                                        @include('tasks.tabs.pengarsipan', ['action' => $actionArsip])
                                    </div>
                                    @endif
                                    @if($showMaps)
                                    <div role="tabpanel" class="tab-pane " id="tab_maps">
                                        @include('tasks.tabs.maps')
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="current_tab" value="simple">

                        <div id="saveActions" class="form-group">

                            @if($allAction != 'view')
                            <div class="btn-group" role="group">
                                <button form="form-task" type="button" class="btn btn-success" onclick="Save()">
                                    <span class="la la-save" role="presentation" aria-hidden="true"></span> &nbsp;
                                    @if($formRouteName === 'tasks.approve.direksi')
                                        <span data-value="save_and_back">Approve and Save</span>
                                    @else
                                        <span data-value="save_and_back">Simpan</span>
                                    @endif

                                </button>

                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span><span class="sr-only">▼</span></button>
                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                        <a class="dropdown-item" href="javascript:void(0);" onclick="SaveAndEdit()" data-value="save_and_edit">Save and edit this item</a>
                                        <!-- <a class="dropdown-item" href="javascript:void(0);" data-value="save_and_new">Save and new item</a>
                                        <a class="dropdown-item" href="javascript:void(0);" data-value="save_and_preview">Save and preview</a> -->
                                    </div>
                                    <script>

                                        function SaveAndEdit() {

                                            var x = document.getElementById("form-task").action = "{{ route('tasks.update') }}";
                                            $('#form-task').submit();

                                        }

                                        function Save(){

                                            if(document.getElementById("form-task").action ==  "{{ route('tasks.allowance.store') }}"){
                                                if(document.getElementById("rp_allowance").value == "" || document.getElementById("rp_allowance").value < 1){
                                                    Swal.fire(
                                                        'Rencana Kerja Survey (Rp) Tidak Boleh Nol!',
                                                        ' ',
                                                        'warning'
                                                    )
                                                }else{
                                                    window.validateAndConfirm('#form-task', 'Apakah Anda Yakin?');
                                                }
                                            }else if(document.getElementById("form-task").action ==  "{{ route('tasks.rkp.store') }}"){
                                                var datarkp = JSON.parse(document.getElementById("rk_proyek").value);
                                                if(datarkp.length === 0){
                                                    Swal.fire(
                                                        'Tanggal Rencana Kerja Proyek harus diisi!',
                                                        ' ',
                                                        'warning'
                                                    )
                                                }else{
                                                    if(datarkp[0]['dateawal'] === "" || datarkp[0]['dateakhir'] === "" || datarkp[1]['dateawal'] === ""){
                                                        Swal.fire(
                                                            'Tanggal Rencana Kerja Proyek harus diisi!',
                                                            ' ',
                                                            'warning'
                                                        )
                                                    }else{
                                                        window.validateAndConfirm('#form-task', 'Apakah Anda Yakin?');
                                                    }
                                                }

                                            }else{
                                                window.validateAndConfirm('#form-task', 'Apakah Anda Yakin?');
                                            }

                                        }
                                    </script>
                                </div>

                            </div>
                            @endif

                            <a href="{{ url('tasks') }}" class="btn btn-default"><span class="la la-ban"></span> Kembali</a>
                            <a href="{{ url('tasks/print/penugasan') . '/' . $data['uuid'] }}" class="btn btn-warning"><span class="la la-print"></span> Cetak</a>

                        </div>

                    </form>
                    @if($showSaveMaps)
                    <button id="submit-map" type="submit" form="form-peta" class="btn btn-primary simpan mb-2">Simpan</button>
                    @endif
                </div>
            </div>
        </div>
    </main>
    <form id="form-peta" role="form" class="form-peta" action="{{ route('input.peta') }}" method="post" enctype="multipart/form-data">
        @csrf
    </form>

@endsection
@section('script')
    {{-- <script>

        $('#pemberi_tugas').select2({
            delay: 250,
            closeOnSelect: true,
            placeholder: "Pilih Pemberi Tugas",
            width: "100%",
            // minimumInputLength: 3,
            ajax: {
                url: '{!! url('api/master/clients/list') !!}',
                type: 'GET',
                data: function (params) {
                    return {
                        _token: '{{ csrf_token() }}',
                        key: params.term,
                    };
                },
                processResults: function(data) {
                    var result = [];
                    data.forEach(function (value) {
                        result.push({id: value.id, text: value.nama})
                    });
                    return {results: result};
                }
            }
        });

    </script> --}}

    @if($showMaps)
@section('before_scripts')
    @if($showEditMaps)
        @if(isset($map->latitude) && isset($map->longitude))
            @include('tasks.peta.gmapsid')
            @include('tasks.peta.object_penilaian_jsid')
        @else
            @include('tasks.peta.gmaps')rtisan serve@include('tasks.peta.object_penilaian_js')
        @endif
    @else
        @include('tasks.peta.gmaps')
        @include('tasks.peta.object_penilaian_js')
    @endif
    @if($showSaveMaps)
    <script>
          // Ambil referensi elemen tombol-tombol yang akan disembunyikan
        var saveActions = document.getElementById('saveActions');
        var submitMaps = document.getElementById('submit-map');
        document.addEventListener('DOMContentLoaded', function() {

        // Sembunyikan tombol submitMaps saat halaman pertama kali dimuat
          submitMaps.style.display = 'none';

        });
        // Sembunyikan tombol-tombol saat tab "maps" dibuka
        document.addEventListener('DOMContentLoaded', function() {
        var mapsTab = document.querySelector('#tab_map');
        mapsTab.addEventListener('click', function() {

            saveActions.style.display = 'none';
            submitMaps.style.display = 'block';
        });
            // Mengembalikan tombol-tombol saat tab yang lain di klik
            var otherTabs = document.querySelectorAll('.nav-link:not(#tab_map)');
        otherTabs.forEach(function(tab) {
            tab.addEventListener('click', function() {

            saveActions.style.display = 'block';
            submitMaps.style.display = 'none';
            });
        });
        });

            </script>
@endif
   @endsection
    @endif