@extends('anggota.layouts.layout_dashboard')

@section("title") Usul Pengadaan @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('anggota.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section('header-scripts')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@endsection

@section('content')
    <div class="header text-center mt-5 mb-3">
        <h3 class="title">Usul Pengadaan Pustaka Cetak</h3>
        <span>Maksimal Usul Pengadaan {{$settings->value}} x Pertahun</span>
    </div>

    <div class="row">
        <div class="col-md-4">

            <div class="card card-contact">
                <form id="contact-form" action="{{route('anggota.usul_pengadaan.store')}}"
                      method="POST">
                    @csrf
                    <input type="hidden" value="POST" name="_method">
                    <div class="card-header card-header-raised card-header-info text-center">
                        <h4 class="card-title">Form Usul Pengadaan</h4>
                        <br>
                    </div>
                    <div class="card-body pt-4">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Judul Buku*</label>
                                    <input type="text" name="judul" value="{{old('judul')}}" class="form-control">
                                    <span class="material-input"></span>
                                </div>
                                @error('judul')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Pengarang*</label>
                                    <input type="text" name="pengarang" value="{{old('pengarang')}}" class="form-control">
                                    <span class="material-input"></span>
                                </div>
                                @error('pengarang')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Penerbit*</label>
                                    <input type="text" name="penerbit" value="{{old('penerbit')}}" class="form-control">
                                    <span class="material-input"></span>
                                </div>
                                @error('penerbit')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Kota Terbit*</label>
                                    <input type="text" name="kota_terbit" value="{{old('kota_terbit')}}" class="form-control">
                                    <span class="material-input"></span>
                                </div>
                                @error('kota_terbit')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Tahun</label>
                                    <input type="text" name="tahun_terbit" value="{{old('tahun_terbit')}}" class="form-control yearpicker">
                                    <span class="material-input"></span>
                                </div>
                                @error('tahun_terbit')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-0 label-floating is-empty bmd-form-group">
                                    <label class="bmd-label-floating">Edisi</label>
                                    <input type="text" name="edisi" value="{{old('edisi')}}" class="form-control">
                                    <span class="material-input"></span>
                                </div>
                                @error('edisi')
                                <span class="bmd text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group label-floating is-empty bmd-form-group">
                            <label for="exampleMessage1" class="bmd-label-floating">Alasan /
                                Keterangan</label>
                            <textarea name="keterangan" class="form-control" id="exampleMessage1"
                                      rows="2">{{old('keterangan')}}</textarea>
                            <span class="material-input"></span>
                            @error('keterangan')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-info pull-right">Kirim Pesan</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-md-8">

            <div class="card card-contact">
                <form id="contact-form" method="post">
                    <div class="card-header card-header-raised card-header-info text-center">
                        <h4 class="card-title">Riwayat Usul Pengadaan</h4>
                        <br>
                    </div>
                    <div
                        class="card-body pt-0 pb-0 pl-2 pr-2 table-full-width table-responsive justify-content-center">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Usulan</th>
                                <th>Status</th>
                                <th class="text-center">Tanggapan</th>
                                <th>Waktu</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($up_riwayat as $key => $up_r)
                                <tr>
                                    <td>{{ ($up_riwayat->currentpage()-1) * $up_riwayat->perpage() + $key + 1 }}
                                    </td>
                                    <td>
                                        <h6 class="mb-0"> {{$up_r->judul}} </h6>
                                        {{$up_r->penerbit}}, {{ $up_r->pengarang}}, {{ $up_r->tahun}}, {{ $up_r->edisi}}
                                    </td>
                                    <td>
                                        @if($up_r->status_proses == "sudah")
                                            <span class="badge badge-success">
                                                Diterima
                                            </span>

                                        @elseif($up_r->status_proses == "belum")
                                            <span class="badge badge-warning">
                                                Menunggu
                                            </span>

                                        @elseif($up_r->status_proses == "proses")
                                            <span class="badge badge-info">
                                                Sedang diproses
                                            </span>

                                        @elseif($up_r->status_proses == "tolak")
                                            <span class="badge badge-danger">
                                                Ditolak
                                            </span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <span class="text-black">
                                            @if($up_r->tanggapan != ''){{$up_r->tanggapan}}@else - @endif
                                        </span>
                                    </td>
                                    <td><span class="text-black">{{$up_r->created_at}}</span></td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div class="row justify-content-center">
                            {{$up_riwayat->links()}}
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('footer-scripts')
    @include('petugas.components.notification')

    <script language="JavaScript" type="text/javascript">

        $(document).ready(function() {
            // initialise Datetimepicker and Sliders
            md.initFormExtendedDatetimepickers();
            if ($('.slider').length != 0) {
                md.initSliders();
            }
        });

    </script>

@endsection