@extends('auth::layouts.morvinnav')

@section('main')

<div class="row">
    <div class="col-md-12 my-2">
        <p class="font-weight-bold" style="font-size: 30px;"> Daftar Gedung </p>
        <div class="flex justify-start pb-2">
            <!-- contoh error -->
            @if($errors->any())
            <div class="alert alert-danger">
                <p><strong>Opps Something went wrong</strong></p>
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif

            <!-- modal tambah gedung -->
            <button type="button" class="btn btn-primary btn-lg waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#tambahgedung">Tambah Gedung</button>

            <div class="modal fade" id="tambahgedung" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true">
                <div class="modal-dialog modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title mt-0" id="exampleModalScrollableTitle">Tambah Data Gedung </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">

                            </button>
                        </div>
                        <form class="needs-validation" novalidate action="/masterdata/gedung" method="POST">
                            <div class="modal-body">
                                @csrf
                                <!-- form -->
                                <div class="row">
                                    <!-- input half -->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="nama" class="form-label">Nama <span class="text-danger">*</span> </label>
                                            <input class="form-control" type="text" placeholder="Masukkan Nama..." id="nama" name="name" required>
                                            <div class="invalid-tooltip">
                                                Nama Wajib disi
                                            </div>
                                        </div>
                                    </div>
                                    <!--end input half -->
                                    <!-- alamat -->
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <div>
                                                <label for="alamat" class="form-label">Alamat <span class="text-danger">*</span> </label>
                                            </div>
                                            <textarea class="form-control" name="alamat" id="alamat" rows="5" placeholder="alamat Gedung .." required></textarea>
                                            <div class="invalid-tooltip">
                                                Alamat Wajib disi
                                            </div>
                                        </div>
                                    </div>
                                    <!-- end alamat -->
                                </div>
                                <!-- end row form -->
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                <button class="btn btn-success btn-md waves-effect waves-light" type="submit">
                                    <i class="fa-solid fa-paper-plane"></i>
                                    Kirim
                                </button>
                        </form>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        <!-- end modal tambah gedung -->

    </div>
</div>

<!-- table -->
<!-- table -->

<table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
    <thead>
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th> Alamat </th>
            <th>Aksi</th>
        </tr>
    </thead>
    @foreach ($gedung as $key => $value)
    <tbody>
        <tr>
            <td>{{ ++$key }}</td>
            <td>{{ $value->name }}</td>
            <td> {{ $value->alamat }} </td>
            <td>
                <div class="flex justify-start pb-2">
                    <!-- modal edit fakultas -->
                    <button type="button" class="btn btn-warning btn-sm waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#edit{{ $value->id }}">Edit</button>

                    <div class="modal fade" id="edit{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="edit gedung" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-scrollable">
                            <form class="needs-validation" novalidate action="/masterdata/gedung/{{ $value->id }}" method="POST">
                            @csrf
                            @method('put')
                            <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title mt-0" id="exampleModalScrollableTitle">Edit Data Gedung</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="tutup">

                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <!-- edit -->
                                        <div class="row">
                                            <!-- form -->
                                            <div class="row">
                                                <!-- input half -->
                                                <div class="col-md-6">
                                                    <div class="mb-3">
                                                        <label for="nama" class="form-label">Nama <span class="text-danger">*</span> </label>
                                                        <input class="form-control" type="text" placeholder="Masukkan Nama..." id="nama" name="name" required value="{{ $value->name }}">
                                                        <div class="invalid-tooltip">
                                                            Nama Wajib disi
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end input half -->
                                                <!-- alamat -->
                                                <div class="col-md-12">
                                                    <div class="mb-3">
                                                        <div>
                                                            <label for="alamat" class="form-label">Alamat <span class="text-danger">*</span> </label>
                                                        </div>
                                                        <textarea class="form-control" name="alamat" id="alamat" rows="5" placeholder="alamat Gedung .." required>{{ $value->alamat }}
                                                        </textarea>
                                                        <div class="invalid-tooltip">
                                                            Alamat Wajib disi
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- end alamat -->
                                            </div>
                                        </div>

                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                        <button class="btn btn-success btn-md waves-effect waves-light" type="submit">
                                            <i class="fa-solid fa-paper-plane"></i>
                                            Kirim
                                        </button>
                            </form>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->
                <!-- edit end-->
                <!-- modal Hapus fakultas -->
                <button type="button" class="btn btn-danger btn-sm waves-effect waves-light" data-bs-toggle="modal" data-bs-target="#hapus{{ $value->id }}">Hapus</button>

                <div class="modal fade" id="hapus{{ $value->id }}" tabindex="-1" role="dialog" aria-labelledby="hapus User" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-scrollable">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title mt-0" id="exampleModalScrollableTitle">Hapus</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">

                                </button>
                            </div>
                            <form action="/masterdata/gedung/{{ $value->id }}" method="POST">
                                <div class="modal-body">
                                    @csrf
                                    @method('delete')
                                    <p> Apakah anda Yakin ingin menghapus <strong class="text-bold"> {{ $value->name }} </strong>? </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                    <button type="submit" class="btn btn-danger">Yakin</button>
                            </form>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->
                <!-- end edit -->
                </div>
                <!-- end flex -->
                <!-- end hapus -->
            </td>
        </tr>
    </tbody>

    @endforeach

</table>
<!-- table -->


<div class="row">

    <div class="col-md-5">

        {{ $gedung->links('pagination::bootstrap-4') }}

    </div>

</div>

@endsection