@extends('Layouts.main')
@section('container')
    <style>
        #dt-table tbody tr td {
            vertical-align: top;
        }

        .action__container-circle {
            border-radius: 100%;
            border: 8px solid #007bff;
            height: 0;
            padding-top: 44%;
            position: relative;
            width: 50%;
            margin: auto;
        }

        .action__content {
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            overflow: hidden;
        }
    </style>
    <div class="row d-flex justify-content-center">
        <div class="col-md-8">
            <div class="card-body">

                <ul class="list-group list-group-flush">
                    <li class="list-group-item py-0"><label class="col-3">DATA MAHASISWA</label>
                    </li>
                    <li class="list-group-item py-0"><label
                            class="col-3 font-weight-normal">NAMA</label>{{ Str::upper($data->mahasiswa->nama) }}
                    </li>
                    <li class="list-group-item py-0"><label
                            class="col-3 font-weight-normal">NIM</label>{{ $data->mahasiswa->nim }}
                    </li>
                    <li class="list-group-item py-0">
                        <label class="col-3 font-weight-normal">PRODI</label>
                        {{ $data->tor->prodi->prodi . ' (' . $data->tor->prodi->kode . ')' }}
                    </li>
                    <li class="list-group-item py-0">
                        <label class="col-3 font-weight-normal">KELAS</label>
                        {{ $data->tor->kelas }}
                    </li>
                    <li class="list-group-item py-0">
                        <label class="col-3 font-weight-normal">JUDUL</label>{{ strtoupper($data->tor->judul) }}
                    </li>
                    <li class="list-group-item pb-2 pt-3">
                        <label class="col-3">JADWAL SIDANG</label>
                    </li>
                    <li class="list-group-item py-0">
                        <label
                            class="col-3 font-weight-normal">HARI</label>{{ !empty($data->jadwalsidang->hari) ? $data->jadwalsidang->hari : '-' }}
                    </li>
                    <li class="list-group-item py-0">
                        <label
                            class="col-3 font-weight-normal">WAKTU</label>{{ (!empty($data->jadwalsidang->jam_awal) ? $data->jadwalsidang->jam_awal : '') . ' - ' . (!empty($data->jadwalsidang->jam_akhir) ? $data->jadwalsidang->jam_akhir : '') }}
                    </li>
                    <li class="list-group-item py-0">
                        <label
                            class="col-3 font-weight-normal">RUANGAN</label>{{ strtoupper(!empty($data->jadwalsidang->ruang) ? $data->jadwalsidang->ruang : '-') }}
                    </li>
                    <li class="list-group-item py-0">
                        <label class="col-3 font-weight-normal">ZOOM
                            LINK</label>{!! !empty($data->jadwalsidang->link)
                                ? '<a href="' . $data->jadwalsidang->link . '" target="_blank">Zoom Link</a>'
                                : '-' !!}
                    </li>
                    <li class="list-group-item py-0">
                        <label
                            class="col-3 font-weight-normal">PASSCODE</label>{{ !empty($data->jadwalsidang->passcode) ? $data->jadwalsidang->passcode : '-' }}
                    </li>
                    @if ($data->jadwalsidang->periode == session('periode_sidang') && $data->jadwalsidang->bulan == session('bulan_sidang'))
                        @if (!empty($data->jadwalsidang->jam_awal) || !empty($data->jadwalsidang->jam_akhir))
                            <li class="list-group-item pt-2">
                                <ul class="text-small pl-4 mb-2">
                                    <li>Silahkan masuk ke dalam akun Google Drive Anda dan <strong>buat folder
                                            dengan nama
                                            "nim_nama_prodi"</strong> Contoh: 11010015_Cecep Supriatna_MTB
                                    </li>
                                    <li>Upload dokumen sidang Anda berikut file presentasi ke dalam folder
                                        tersebut</li>
                                    <li>Klik kanan pada folder lalu pilih <strong>"Dapatkan Link"</strong> dan
                                        ubah pada bagian
                                        <strong>"Akses Umum"</strong> menjadi <strong>"Siapa saja yang memiliki
                                            link"</strong>
                                    </li>
                                    <li>Setelah itu pilih <strong>"Salin Link"</strong> dan tempelkan di bawah
                                        ini</li>
                                </ul>
                                <form action="{{ url('/jadwal/mahasiswa/store') }}" method="post" class="d-inline">
                                    @csrf
                                    <div class="form-row">
                                        <div class="col-11">
                                            <input type="text"
                                                class="form-control form-control-sm @error('link_ta') is-invalid @enderror"
                                                name="link_ta"
                                                value="{{ !empty($data->jadwalsidang->link_ta) ? $data->jadwalsidang->link_ta : old('link_ta') }}"
                                                id="" placeholder="Link file TA (Google Drive)">
                                            @error('link_ta')
                                                <div class="invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="col-1">
                                            <button type="submit" class="btn btn-primary btn-sm"><i
                                                    class="fas fa-save fa-sm"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </li>
                        @endif
                    @endif
                </ul>
            </div>
        </div>
    </div>
@endsection