@extends('template')

@push('style')
    <style>
        .hr {
            margin-top: -8px;
            border: 1px solid;
        }

        .hr-form {
            border: 1px solid;
        }

        .text-kanan {
            color: #000;
            font-size: 16px;
            font-weight: 700;
        }

        .text-left {
            color: #000;
            font-size: 15px;
            font-weight: 700;
        }

        .form-label {
            color: #000;
            font-family: Poppins;
            font-size: 15px;
            font-weight: 500;
        }

        .btn {
            margin-top: -20px;
            font-family: Poppins;
            font-size: 12px;
            font-weight: 700;
        }
    </style>
@endpush

@section('content')
    <section>
        <div class="row">
            <div class="col-8">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center m-0 p-0">
                            <a class="card-title" href="/input-data/lihat-data/{{ $master_input_id }}/{{ Auth::user()->id }}"
                                style="color: #0B4238; font-weight: 600;"><i class="bi bi-chevron-compact-left"></i>
                                <small style="color: #0B4238; font-weight: 600; margin-top: 100px">Kembali</small>
                            </a>
                            <p class="text-kanan">Input Data</p>
                        </div>
                        <hr class="hr">
                        <form class="row g-3 needs-validation" action="/input-data" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="master_input_id" value="{{ $master_input_id }}">
                            <div class="col-4 text-left">URAIAN</div>
                            <div class="col-8 position-relative">
                                <div class="form-group">
                                    <label for="aspek" class="form-label">ASPEK
                                        {{-- <span class="text-danger">*</span> --}}
                                    </label>
                                    <input type="text"
                                        class="form-control @error('aspek')
                              is-invalid
                              @enderror"
                                        id="aspek" name="aspek" value="{{ old('aspek') }}">
                                    @error('aspek')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                                @if ($judul->uraian == 'ASPEK PARTISIPAN DAN KEGIATAN')
                                    <div class="form-group">
                                        <label for="kategori" class="form-label">KATEGORI
                                            {{-- <span class="text-danger">*</span> --}}
                                        </label>
                                        <select class="form-select @error('kategori') is-invalid @enderror" name="kategori"
                                            aria-label="Default select example" id="kelengkapan" required>
                                            <option value="">Pilih Kategori</option>
                                            <option value="A" {{ old('kategori') == 'A' ? 'selected' : '' }}>A.
                                                KEGIATAN
                                                TINGKAT KAB/KOTA</option>
                                            <option value="B" {{ old('kategori') == 'B' ? 'selected' : '' }}>B.
                                                MENGIKUTI
                                                KEGIATAN TINGKAT PROVINSI
                                            </option>
                                            <option value="C" {{ old('kategori') == 'C' ? 'selected' : '' }}>C.
                                                MENGIKUTI
                                                KEGIATAN TINGKAT NASIONAL
                                            </option>
                                        </select>
                                        @error('kategori')
                                            <div class="invalid-tooltip">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                @endif
                            </div>

                            {{-- <hr class="hr-form">
                            <div class="col-4 text-left">Perihal</div>
                            <div class="col-8 position-relative">
                                <label for="nama_dokumen" class="form-label">Nama Dokumen<span
                                        class="text-danger">*</span></label>
                                <input type="text"
                                    class="form-control @error('nama_dokumen')
                          is-invalid
                          @enderror"
                                    name="nama_dokumen" id="nama_dokumen" value="{{ old('nama_dokumen') }}">
                                @error('nama_dokumen')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                            <div class="col-4"></div>
                            <div class="col-8 position-relative">
                                <label for="deskripsi" class="form-label">Deskripsi<span
                                        class="text-danger">*</span></label>
                                <textarea
                                    class="form-control @error('deskripsi')
                          is-invalid
                          @enderror"
                                    name="deskripsi" id="deskripsi" style="height: 150px">{{ old('deskripsi') }}</textarea>
                                @error('deskripsi')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div> --}}

                            <hr class="hr-form">
                            <div class="col-4 text-left">Dokumen</div>
                            <div class="col-8 position-relative">
                                <label for="dokumen_terlampir" class="form-label">Dokumen Telampir
                                    {{-- <span class="text-danger">*</span> --}}
                                </label>
                                <input type="text" placeholder="Link Google Drive"
                                    class="form-control @error('dokumen_terlampir')
                          is-invalid
                          @enderror"
                                    name="dokumen_terlampir" id="dokumen_terlampir" value="{{ old('dokumen_terlampir') }}">
                                @error('dokumen_terlampir')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                            <div class="col-4"></div>
                            <div class="col-8 position-relative">
                                <label for="keterangan" class="form-label">Keterangan
                                    {{-- <span class="text-danger">*</span> --}}
                                </label>
                                <textarea
                                    class="form-control @error('keterangan')
                          is-invalid
                          @enderror"
                                    name="keterangan" id="keterangan" style="height: 150px">{{ old('keterangan') }}</textarea>
                                @error('keterangan')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>

                            <div class="col-4"></div>
                            <div class="col-8 position-relative">
                                <label for="kelengkapan" class="form-label">Kelengkapan Data<span
                                        class="text-danger">*</span></label>
                                <select class="form-select @error('kelengkapan') is-invalid @enderror" name="kelengkapan"
                                    aria-label="Default select example" id="kelengkapan">
                                    <option value=" "></option>
                                    <option value="Ada" {{ old('kelengkapan') == 'Ada' ? 'selected' : '' }}>Ada</option>
                                    <option value="Tidak Ada" {{ old('kelengkapan') == 'Tidak Ada' ? 'selected' : '' }}>
                                        Tidak Ada</option>
                                </select>
                                @error('kelengkapan')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                            {{-- <div class="col-8 position-relative">
                                <label for="upload_dokumen" class="form-label">Upload Dokumen<span
                                        class="text-danger">*</span></label><br>
                                <div id="upload_link_F">
                                    <input type="text"
                                        class="form-control @error('link_dokumen')
                            is-invalid
                            @enderror"
                                        name="link_dokumen" id="link_dokumen" placeholder="Link Google Drive"
                                        value="{{ old('link_dokumen') }}">
                                    @error('link_dokumen')
                                        <div class="invalid-tooltip">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div> --}}
                            {{-- <div class="col-8 position-relative">
                                <label for="kelengkapan" class="form-label">Kelengkapan Data<span
                                        class="text-danger">*</span></label>
                                <select class="form-select @error('kelengkapan') is-invalid @enderror" name="kelengkapan"
                                    aria-label="Default select example" id="kelengkapan">
                                    <option value=" "></option>
                                    <option value="Ada" {{ old('kelengkapan') == 'Ada' ? 'selected' : '' }}>Ada</option>
                                    <option value="Tidak Ada" {{ old('kelengkapan') == 'Tidak Ada' ? 'selected' : '' }}>
                                        Tidak Ada</option>
                                </select>
                                @error('kelengkapan')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div> --}}

                            <hr class="hr-form">
                            <div class="text-end">
                                <button type="submit" class="btn btn-success">Kirim Data</button>
                            </div>
                        </form><!-- Vertical Form -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script>
        @section('jquery')
            // $('#link_dokumen').hide();
            // // $('#check_file').attr('checked', true);
            // if($('#check_file').is(':checked')) {
            //   $('#link_dokumen').hide();
            // }

            // if($('#check_link').is(':checked')) {
            //   $('#link_dokumen').show();
            //   $('#upload_dokumen').hide();
            // }

            // $('#check_file').change(function() {
            //   if($(this).is(':checked')) {
            //     $('#upload_dokumen').show();
            //     $('#link_dokumen').hide();
            //   }
            // });

            // $('#check_link').change(function() {
            //   if($(this).is(':checked')) {
            //     $('#upload_dokumen').hide();
            //     $('#link_dokumen').show();
            //   }
            // });
        @endsection
    </script>
@endsection