@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 }}"
                                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/{{ $input->id }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <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">
                                <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', $input->aspek) }}">
                                @error('aspek')
                                    <div class="invalid-tooltip">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </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', $input->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', $input->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"
                                    class="form-control @error('dokumen_terlampir')
                          is-invalid
                          @enderror"
                                    name="dokumen_terlampir" id="dokumen_terlampir"
                                    value="{{ old('dokumen_terlampir', $input->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="upload_dokumen" class="form-label">Upload Dokumen<span
                                        class="text-danger">*</span></label>
                                {{-- <div id="upload_file_F">
                            <input type="file" class="form-control @error('upload_dokumen')
                            is-invalid
                            @enderror" name="upload_dokumen" id="upload_dokumen" value="{{ old('upload_dokumen', $input->upload_dokumen) }}">
                            @error('upload_dokumen')
                            <div class="invalid-tooltip">
                              {{ $message }}
                            </div>
                            @enderror
                          </div> --}}
                                <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>
                                {{-- <br>
                          <input type="radio" id="check_file" name="check_upload" value="file" {{ (old("check_upload", $input->check_upload) == "0") ? "checked" : "" }} > File
                          <input type="radio" id="check_link" name="check_upload" value="link" {{ (old("check_upload", $input->check_upload) == "1") ? "checked" : "" }} > Link
                          <br><br> --}}
                                <br>
                                <a href="{{ $input->upload_dokumen }}" target="_blank" class="btn btn-success">
                                    <i class="bi bi-download" title="Download"></i>
                                </a>
                            </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', $input->kelengkapan) == 'Ada' ? 'selected' : '' }}>Ada
                                    </option>
                                    <option value="Tidak Ada"
                                        {{ old('kelengkapan', $input->kelengkapan) == 'Tidak Ada' ? 'selected' : '' }}>
                                        Tidak Ada</option>
                                    {{-- <option value="Pending"
                                        {{ old('kelengkapan', $input->kelengkapan) == 'Pending' ? 'selected' : '' }}>
                                        Pending</option>
                                    <option value="Proses Editing"
                                        {{ old('kelengkapan', $input->kelengkapan) == 'Proses Editing' ? 'selected' : '' }}>
                                        Proses Editing</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')
            // 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