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

@section('main')
    <div class="page-title-box">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h4>ATUR BERKAS</h4>
                        <ol class="breadcrumb m-0">
                            @foreach ($routes as $key => $route)
                                <li class="breadcrumb-item"><a href="{{ $route }}">{{ $key }}</a></li>
                            @endforeach
                        </ol>
                    </div>
                </div>

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


    <div class="container-fluid">
        <div class="page-content-wrapper">
            @if (Session::has('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">

                    <strong> {{ Session::get('success') }}</strong>
                </div>
            @endif

            @if ($errors->any())
                {!! implode(
                    '',
                    $errors->all('<div class="alert alert-danger alert-dismissible fade show" role="alert">
                                 						<strong>:message</strong>
                                 						</div>'),
                ) !!}
            @endif
            <div class="card p-3">
                {{-- search --}}
                <div class="d-flex flex-row align-items-end justify-content-end">
                    {{-- filter --}}


                    {{-- tambah data --}}
                    <div class="">
                        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#tambahdata">Tambah
                            Berkas</button>

                        <div id="tambahdata" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                            aria-hidden="true">
                            <div class="modal-dialog">
                                <form class="custom-validation" novalidate action="/masterdata/atur-berkas/store"
                                    method="POST">
                                    @csrf
                                    @method('post')
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5>Tambahkan berkas</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close">

                                            </button>
                                        </div>

                                        <div class="modal-body">

                                            <div class="row mb-2">
                                                <div class="col">
                                                    <label class="form-label">
                                                        Nama Berkas
                                                    </label>
                                                    <input required name="nama_berkas" placeholder="Masukkan Nama Berkas"
                                                        class="form-control" />
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="form-group col">
                                                    <label for="">Keterangan Berkas</label>
                                                    <select name="is_wajib" class="form-control form-select">
                                                        <option value="1">Wajib</option>
                                                        <option value="0">Opsional</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="form-group col">
                                                    <label for="">Status</label>
                                                    <select required name="status" class="form-control form-select">
                                                        <option value="1">Aktif</option>
                                                        <option value="0">Nonaktif</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary waves-effect"
                                                data-bs-dismiss="modal">Close</button>
                                            <button type="submit"
                                                class="btn btn-primary waves-effect waves-light">Simpan</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>

                {{-- table --}}
                <div class="overflow-auto">
                    <table class="table table-bordered rounded mt-2">
                        <thead class="bg-primary text-white">
                            <tr>
                                <th style="width: 30px">No</th>
                                <th>Nama Berkas</th>
                                <th>Keterangan</th>
                                <th>Status</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($berkas as $index => $row_berkas)
                                <tr>
                                    <td>{{ $index + 1 + ($page_detail['page'] - 1) * $page_detail['per_page'] }}</td>
                                    <td>{{ $row_berkas->name }}</td>
                                    </td>

                                    <td>
                                        @if ($row_berkas->is_wajib == 1)
                                            <span class="badge p-2 rounded-pill bg-primary">Wajib</span>
                                        @else
                                            <span class="badge p-2 rounded-pill bg-warning">Opsional</span>
                                        @endif
                                    </td>

                                    <td>
                                        @if ($row_berkas->status == 1)
                                            <span class="badge p-2 rounded-pill bg-success">Aktif</span>
                                        @else
                                            <span class="badge p-2 rounded-pill bg-danger">Nonaktif</span>
                                        @endif
                                    </td>

                                    <td>
                                        <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal"
                                            data-bs-target="#edit-{{ $row_berkas->id }}">
                                            <i class="fa fa-pencil"></i>
                                        </button>

                                        <div id="edit-{{ $row_berkas->id }}" class="modal fade" tabindex="-1"
                                            role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <form class="custom-validation" novalidate
                                                    action="/masterdata/atur-berkas/update/{{ $row_berkas->id }}"
                                                    method="POST">
                                                    @csrf
                                                    @method('put')
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title mt-0" id="myModalLabel">Update Berkas
                                                            </h5>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                                aria-label="Close">

                                                            </button>
                                                        </div>

                                                        <div class="modal-body">
                                                            <div class="row mb-2">
                                                                <div class="col">
                                                                    <label class="form-label">
                                                                        Nama Berkas
                                                                    </label>
                                                                    <input required name="nama_berkas"
                                                                        value="{{ $row_berkas->name }}"
                                                                        placeholder="Masukkan Nama Berkas"
                                                                        class="form-control" />
                                                                </div>
                                                            </div>

                                                            <div class="row mb-2">
                                                                <div class="form-group col">
                                                                    <label for="">Keterangan Berkas</label>
                                                                    <select name="is_wajib"
                                                                        value="{{ $row_berkas->is_wajib }}"
                                                                        class="form-control form-select">
                                                                        <option value="1"
                                                                            @if ($row_berkas->is_wajib == 1) selected @endif>
                                                                            Wajib</option>
                                                                        <option value="0"
                                                                            @if ($row_berkas->is_wajib == 0) selected @endif>
                                                                            Opsional
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="row mb-2">
                                                                <div class="form-group col">
                                                                    <label for="">Status</label>
                                                                    <select required name="status"
                                                                        class="form-control form-select">
                                                                        <option value="1"
                                                                            @if ($row_berkas->status == 1) selected @endif>
                                                                            Aktif</option>
                                                                        <option value="0"
                                                                            @if ($row_berkas->status == 0) selected @endif>
                                                                            Nonaktif
                                                                        </option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary waves-effect"
                                                                data-bs-dismiss="modal">Close</button>
                                                            <button type="submit"
                                                                class="btn btn-primary waves-effect waves-light">Simpan</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>


                <span class="mt-2 font-weight-bold"> Menampilkan data dari {{ $page_detail['awal'] }} sampai
                    {{ $page_detail['end'] }} dengan total
                    {{ $page_detail['total'] }} data </span>

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


            </div>
        </div>
    </div>
@endsection