@extends('layouts.main')

@section('main-container')
    <div id="main-content">
        <div class="page-heading">
            <div class="page-title">
                <div class="row">
                    <div class="col-12 col-md-8 order-md-1 order-last">
                        <h3>Pengaturan</h3>
                        <p class="text-subtitle text-muted">
                            Pengaturan Jadwal Sidang Tugas Akhir
                        </p>
                    </div>
                    <div class="col-12 col-md-4 order-md-2 order-first">
                        <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    Sidang
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    Pengaturan
                                </li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-content">
            <section class="section">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Tanggal Pelaksanaan</h4>
                    </div>
                    <div class="card-body">
                        @if ($dataExists)
                            <form class="form" action="{{ route('update-sidang', $data->id) }}" method="POST">
                                @csrf
                                @method('PATCH')
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_mulai_pendaftaran">Tanggal Mulai Pendaftaran</label>
                                            <input type="date" id="tgl_mulai_pendaftaran" class="form-control"
                                                name="tgl_mulai_pendaftaran"
                                                value="{{ $data->tgl_mulai_pendaftaran ?? '' }}" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_selesai_pendaftaran">Batas Akhir Pendaftaran</label>
                                            <input type="date" id="tgl_selesai_pendaftaran" class="form-control"
                                                name="tgl_selesai_pendaftaran"
                                                value="{{ $data->tgl_selesai_pendaftaran ?? '' }}" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_mulai_sidang">Tanggal Mulai Sidang</label>
                                            <input type="date" id="tgl_mulai_sidang" class="form-control"
                                                name="tgl_mulai_sidang" value="{{ $data->tgl_mulai_sidang ?? '' }}"
                                                required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_akhir_sidang">Tanggal Selesai Sidang</label>
                                            <input type="date" id="tgl_akhir_sidang" class="form-control"
                                                name="tgl_akhir_sidang" value="{{ $data->tgl_akhir_sidang ?? '' }}"
                                                required>
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-end">
                                        <button type="submit" class="btn btn-primary me-1 mb-1">Simpan Perubahan</button>
                                    </div>
                                </div>
                            </form>
                        @else
                            <form class="form" action="{{ route('set-sidang') }}" method="POST">
                                @csrf
                                @method('POST')
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_mulai_pendaftaran">Tanggal Mulai Pendaftaran</label>
                                            <input type="date" id="tgl_mulai_pendaftaran" class="form-control"
                                                name="tgl_mulai_pendaftaran" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_selesai_pendaftaran">Batas Akhir Pendaftaran</label>
                                            <input type="date" id="tgl_selesai_pendaftaran" class="form-control"
                                                name="tgl_selesai_pendaftaran" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_mulai_sidang">Tanggal Mulai Sidang</label>
                                            <input type="date" id="tgl_mulai_sidang" class="form-control"
                                                name="tgl_mulai_sidang" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="tgl_akhir_sidang">Tanggal Selesai Sidang</label>
                                            <input type="date" id="tgl_akhir_sidang" class="form-control"
                                                name="tgl_akhir_sidang" required>
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-end">
                                        <button type="submit" class="btn btn-primary me-1 mb-1">Simpan</button>
                                    </div>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </section>
            <section class="section">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-8 d-flex justify-content-start">
                                <h4 class="card-title">Waktu Pelaksanaan</h4>
                            </div>
                            <div class="modal fade" id="addWaktu" tabindex="-1" role="dialog" aria-labelledby="addWaktu"
                                aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="addWaktu">Tambah Waktu Pelaksanaan</h5>
                                            <button type="button" class="close" data-bs-dismiss="modal"
                                                aria-label="Close">
                                                <i data-feather="x"></i>
                                            </button>
                                        </div>
                                        <form action="{{ route('sidang-waktu.create') }}" method="POST">
                                            @csrf
                                            <div class="modal-body">
                                                <label for="sesi">Nama Sesi: </label>
                                                <div class="form-group">
                                                    <input id="sesi" name="sesi" type="text" placeholder="Nama Sesi"
                                                        class="form-control" required>
                                                </div>
                                                <label for="waktu_mulai">Waktu Mulai: </label>
                                                <div class="form-group">
                                                    <input id="waktu_mulai" name="waktu_mulai" type="time" placeholder="Waktu Mulai"
                                                        class="form-control" required>
                                                </div>
                                                <label for="waktu_selesai">Waktu Selesai: </label>
                                                <div class="form-group">
                                                    <input id="waktu_selesai" name="waktu_selesai" type="time" placeholder="Waktu Selesai"
                                                        class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-light-secondary"
                                                    data-bs-dismiss="modal">
                                                    <i class="bx bx-x d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Batal</span>
                                                </button>
                                                <button type="submit" class="btn btn-primary ms-1">
                                                    <i class="bx bx-check d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Simpan</span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4 text-end">
                                <a class="btn btn-outline-primary" href="#addWaktu" data-bs-toggle="modal"
                                    data-bs-target="#addWaktu">
                                    <i class="bi bi-plus"></i>
                                    Tambah
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Nama Sesi</th>
                                        <th>Waktu Mulai</th>
                                        <th>Waktu Selesai</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>                                    
                                    @foreach ($waktu as $w)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $w->sesi }}</td>
                                            <td>{{ $w->waktu_mulai }}</td>
                                            <td>{{ $w->waktu_selesai }}</td>
                                            <td>
                                                <a class="btn icon btn-sm btn-outline-primary"
                                                    href="#updateWaktu{{ $w->id }}" data-bs-toggle="modal"
                                                    data-bs-target="#updateWaktu{{ $w->id }}"
                                                    style="border-radius: 100%;">
                                                    <i class="bi bi-pencil"></i>
                                                </a>
                                                <a class="btn icon btn-sm btn-outline-danger"
                                                    href="#deleteWaktu{{ $w->id }}" data-bs-toggle="modal"
                                                    data-bs-target="#deleteWaktu{{ $w->id }}"
                                                    style="border-radius: 100%;">
                                                    <i class="bi bi-trash"></i>
                                                </a>
                                                @include('modal.sidang-waktu')
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-8 d-flex justify-content-start">
                                <h4 class="card-title">Tempat Pelaksanaan</h4>
                            </div>
                            <!-- Add Tempat -->
                            <div class="modal fade" id="addTempat" tabindex="-1" role="dialog"
                                aria-labelledby="addTempat" aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="addTempat">Tambah Tempat Pelaksanaan</h5>
                                            <button type="button" class="close" data-bs-dismiss="modal"
                                                aria-label="Close">
                                                <i data-feather="x"></i>
                                            </button>
                                        </div>
                                        <form action="{{ route('sidang-tempat.create') }}" method="POST">
                                            @csrf
                                            <div class="modal-body">
                                                <label for="ruang">Kode: </label>
                                                <div class="form-group">
                                                    <input id="kode" name="kode" type="text" placeholder="Kode"
                                                        class="form-control" required>
                                                </div>
                                                <label for="ruang">Nama Ruangan: </label>
                                                <div class="form-group">
                                                    <input id="ruang" name="ruang" type="text" placeholder="Nama Ruangan"
                                                        class="form-control" required>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-light-secondary"
                                                    data-bs-dismiss="modal">
                                                    <i class="bx bx-x d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Batal</span>
                                                </button>
                                                <button type="submit" class="btn btn-primary ms-1">
                                                    <i class="bx bx-check d-block d-sm-none"></i>
                                                    <span class="d-none d-sm-block">Simpan</span>
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4 text-end">
                                <a class="btn btn-outline-primary" href="#addTempat" data-bs-toggle="modal"
                                    data-bs-target="#addTempat">
                                    <i class="bi bi-plus"></i>
                                    Tambah
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th>Kode</th>
                                        <th>Nama Ruangan</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>                                    
                                    @foreach ($tempat as $t)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $t->kode }}</td>
                                            <td>{{ $t->ruang }}</td>
                                            <td>                                                
                                                <a class="btn icon btn-sm btn-outline-primary"
                                                    href="#updateTempat{{ $t->id }}" data-bs-toggle="modal"
                                                    data-bs-target="#updateTempat{{ $t->id }}"
                                                    style="border-radius: 100%;">
                                                    <i class="bi bi-pencil"></i>
                                                </a>
                                                <a class="btn icon btn-sm btn-outline-danger"
                                                    href="#deleteTempat{{ $t->id }}" data-bs-toggle="modal"
                                                    data-bs-target="#deleteTempat{{ $t->id }}"
                                                    style="border-radius: 100%;">
                                                    <i class="bi bi-trash"></i>
                                                </a>
                                                @include('modal.sidang-tempat')
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection