@extends('Layouts.main')
@section('container')
    <!-- Default box -->
    <div class="row">
        <div class="col-8 offset-2">
            <div class="alert alert-light alert-dismissible text-sm" role="alert">
                <button type="button" class="close pt-2" data-dismiss="alert" aria-hidden="true">×</button>
                <ul class="mb-2 pl-1">
                    <li> Silahkan isi form TOR di bawah ini</li>
                    <li> Cek secara berkala untuk melihat status TOR</li>
                    <li> Form TOR dapat dicetak apabila telah disetujui/diterima oleh admin</li>
                </ul>
                <p class="text-bold mb-0">Status:
                    -</p>
            </div>

            <dl class="row mb-0">
                <dt class="col-3 font-weight-normal">NAMA</dt>
                <dd class="col-9 mb-0">: {{ $data->nama }}</dd>

                <dt class="col-3 font-weight-normal">NIM</dt>
                <dd class="col-9 mb-0">: {{ $data->nim }}</dd>

                <dt class="col-3 font-weight-normal">JURUSAN</dt>
                <dd class="col-9 mb-0">: {{ ucwords(strtolower($data->jurusan)) }}</dd>

                <dt class="col-3 font-weight-normal">PROGRAM STUDI</dt>
                <dd class="col-7">: {{ ucwords(strtolower($data->prodi)) }}</dd>
                @if ($data->konfirmasi == 'Diterima')
                    <dd class="col-2 mb-0 text-right">
                        <a href="{{ url('/tor/potensi/print/' . Crypt::encrypt($data->id)) }}" target="_blank"
                            class="print btn btn-primary btn-xs"><i class="fas fa-print fa-sm mr-2"
                                title="Cetak"></i>Cetak</a>
                    </dd>
                @endif
            </dl>

            <form class="form-horizontal mb-5"
                action="{{ isset($id) ? url('/tor/pengajuan/update') : url('/tor/pengajuan/store') }}" method="post"
                enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{ isset($id) ? $data->id : old('id') }}">

                @if ($data->konfirmasi === null || $data->konfirmasi == 'Ditolak')
                    <div class="col-12 p-2">
                        <h6 class="text-center text-bold">LATAR BELAKANG PENELITIAN<br>( Deskripsi dan Data Awal Penelitian)
                        </h6>
                        <textarea placeholder="Latar belakang..." class="form-control @error('latar_belakang') is-invalid @enderror"
                            rows="4" name="latar_belakang" id="latar_belakang">{{ $data->latar_belakang }}</textarea>
                        @error(' latar_belakang')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="col-12 p-2">
                        <h6 class="text-center text-bold">TUJUAN DAN KEGUNAAN PENELITIAN</h6>
                        <textarea placeholder="Tujuan dan kegunaan..." class="form-control @error('tujuan') is-invalid @enderror" rows="4"
                            name="tujuan" id="tujuan">{{ $data->tujuan }}</textarea>
                        @error('tujuan')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>

                    <div class="col-12 p-2">
                        <h6 class="text-center text-bold">FORM / TOPIK / JUDUL / LOKUS</h6>

                        <dl class="row mb-0">
                            <dt class="col-2 font-weight-normal">FORM</dt>
                            <dd class="col-10 mb-1">
                                <select id="form_id" name="form_id"
                                    class="form-control select2 @error('form_id') is-invalid @enderror" searchable="">
                                    @if (isset($id))
                                        @php
                                            $optVal = old('form_id', $data->form_id);
                                        @endphp
                                    @else
                                        @php
                                            $optVal = old('form_id');
                                        @endphp
                                    @endif
                                    @foreach ($forms as $form => $value)
                                        <option value="{{ $form }}" {{ $optVal == $form ? 'selected' : '' }}>
                                            {{ $value }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('form_id')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </dd>

                            <dt class="col-2 font-weight-normal">TOPIK</dt>
                            <dd class="col-10 mb-1">
                                <input type="text" name="topik"
                                    class="form-control @error('topik') is-invalid @enderror" id="topik"
                                    value="{{ old('topik', $data->topik) }}" placeholder="Topik...">
                                @error('topik')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </dd>

                            <dt class="col-2 font-weight-normal">JUDUL</dt>
                            <dd class="col-10 mb-1">
                                <input type="text" name="judul"
                                    class="form-control @error('judul') is-invalid @enderror" id="judul"
                                    value="{{ old('judul', $data->judul) }}" placeholder="Judul...">
                                @error('judul')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </dd>

                            <dt class="col-2 font-weight-normal">LOKUS</dt>
                            <dd class="col-10 mb-1">
                                <input type="text" name="lokus"
                                    class="form-control @error('lokus') is-invalid @enderror" id="lokus"
                                    value="{{ old('lokus', $data->lokus) }}" placeholder="Lokus...">
                                @error('lokus')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </dd>
                        </dl>
                    </div>

                    <div class="col-12 p-2">
                        <h6 class="text-center text-bold">USULAN PEMBIMBING</h6>
                        1. {{ $data->pbb1 == '' ? 'Ditentukan oleh prodi/admin' : $data->pbb1 }}<br>
                        2. {{ $data->pbb2 == '' ? 'Ditentukan oleh prodi/admin' : $data->pbb2 }}
                    </div>

                    <div class="col-10 text-center offset-1 p-2">
                        <button type="submit" name="simpan" class="btn btn-primary">Simpan</button>
                    </div>
                @else
                    {{-- Jika status menunggu & diterima --}}
                    <div class="col-12 border border-bottom-0 border-dark p-3">
                        <h6 class="text-center text-bold">LATAR BELAKANG PENELITIAN<br>( Deskripsi dan Data Awal Penelitian)
                        </h6>

                        {!! nl2br($data->latar_belakang) !!}
                    </div>

                    <div class="col-12 border border-bottom-0 border-dark p-3">
                        <h6 class="text-center text-bold">TUJUAN DAN KEGUNAAN PENELITIAN</h6>

                        {!! nl2br($data->tujuan) !!}
                    </div>

                    <div class="col-12 border border-bottom-0 border-dark p-3">
                        <h6 class="text-center text-bold">FORM / TOPIK / JUDUL / LOKUS</h6>

                        <dl class="row mb-0">
                            <dt class="col-2 font-weight-normal">FORM</dt>
                            <dd class="col-10 mb-0">: {{ $data->namaform }}</dd>

                            <dt class="col-2 font-weight-normal">TOPIK</dt>
                            <dd class="col-10 mb-0">: {{ ucwords(strtolower($data->topik)) }}</dd>

                            <dt class="col-2 font-weight-normal">JUDUL</dt>
                            <dd class="col-10 mb-0">: {{ ucwords(strtolower($data->judul)) }}</dd>

                            <dt class="col-2 font-weight-normal">LOKUS</dt>
                            <dd class="col-10 mb-0">: {{ $data->lokus }}</dd>
                        </dl>
                    </div>

                    <div class="col-12 border border-dark p-3">
                        <h6 class="text-center text-bold">USULAN PEMBIMBING</h6>
                        1. {{ $data->pbb1 == '' ? 'Ditentukan oleh prodi/admin' : $data->pbb1 }}<br>
                        2. {{ $data->pbb2 == '' ? 'Ditentukan oleh prodi/admin' : $data->pbb2 }}
                @endif

            </form>
        </div>
    </div>

    <!-- /.card -->
    <script>
        $(document).ready(function() {
            $(document).on('select2:open', () => {
                document.querySelector('.select2-search__field').focus();
            });

            $(".selectnim, .selectpembimbing_1, .selectpembimbing_2").select2();

        });
    </script>
@endsection