@extends('layouts.main')

@section('isi')
    
    <div class="section-title">
        <h2>Peminjaman Barang</h2>
        <p>Silahkan isi data dan keperluan barang yang digunakan dibawah ini</p>
    </div>
        <div class="container">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <div class="alert-tile">Ada masalah dalam inputan</div>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                
            @endif
            <form action="/peminjaman-barang" method="post">
                @csrf
                <div class="form-group">
                    <label ><h5>Nama Pemohon:</h5></label>
                    <input type="teks" class="form-control @error('nama_pemohon') is-invalid @enderror" name="nama_pemohon" value="{{ @old('nama_pemohon') }}" placeholder="Diisi Nama Pemohon" required>
                    <p></p>
                </div>
                
                <div class="row">
                    <div class="col-lg-6">
                    <div class="form-group">
                        <label ><h5>No WhatsApp</h5></label>
                        <input type="teks" class="form-control @error('nomor_wa') is-invalid @enderror" name="nomor_wa" value="{{ @old('nomor_wa') }}" placeholder="Nomor WhatsApp" required>
                        <p></p>
                    </div>
                    </div>
                
                    <div class="col-lg-6">
                        <div class="form-group">
                        <label ><h5>Alamat / Instansi</h5></label>
                        <input type="teks" class="form-control @error('instansi') is-invalid @enderror" name="instansi" value="{{ @old('instansi') }}" placeholder="Diisi Alamat / Instansi" required>
                        <P></P>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6">
                    <div class="form-group">
                        <label ><h5>Tanggal Pelaksanaan</h5></label>
                        <input type="date" class="form-control @error('tgl_Peminjaman') is-invalid @enderror" name="tgl_peminjaman" value="{{ @old('tgl_peminjaman') }}" placeholder="Diisi Nama kegiatan" required>
                        <P></P>
                    </div>
                    </div>

                    <div class="col-lg-6">
                    <div class="form-group">
                        <label ><h5>Durasi Peminjaman</h5></label>
                        <select name="durasi" class="form-control @error('durasi') is-invalid @enderror" required>
                            <option value="1">1 Hari</option>
                            <option value="2">2 hari</option>
                            <option value="3">3 Hari</option>
                            <option value="4">4 hari</option>
                            <option value="5">5 hari</option>
                            <option value="6">6 Hari</option>
                            <option value="7">7 hari</option>
                            </select>
                        <P></P>
                    </div>
                    </div> 
                </div> 

                <div class="form-group">
                    <label ><h5>Digunakan untuk:</h5></label>
                    <input type="teks" class="form-control @error('nama_kegiatan') is-invalid @enderror" name="nama_kegiatan" value="{{ @old('nama_kegiatan') }}" placeholder="Diisi nama kegiatan" required>
                    <p></p>
                </div>

                <div class="row">
                    <label class="mt-6"><h5>Barang Yang Dipinjam</h5></label>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="form-group">
                                <label for="sofa">Sofa</label>
                                <input type="number"  name="sofa" value="{{ @old('sofa') }}" min="0" max="10" placeholder="0">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="meja_kayu">Meja kayu VIP</label>
                                <input type="number"  name="meja_kayu" max="10" value="{{ @old('meja_kayu') }}" placeholder="0">
                            </div>
                            <hr>
                    
                            <div class="form-group">
                                <label for="podium">Podium</label>
                                <input type="number" name="podium" max="1" value="{{ @old('podium') }}" placeholder="0">
                            </div>
                            <hr>
                    
                            <div class="form-group">
                                <label for="kursi_spons">Kursi Spons</label>
                                <input type="number" name="kursi_spons" max="90" value="{{ @old('kursi_spons') }}" placeholder="0">
                            </div>
                            <hr>
                    
                            <div class="form-group">
                                <label for="kursi_atom">Kursi Atom</label>
                                <input type="number" name="kursi_atom" max="50" value="{{ @old('kursi_atom') }}" placeholder="0">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="meja_besi_besar">Meja Besi Besar</label>
                                <input type="number" name="meja_besi_besar" max="25" value="{{ @old('meja_besi_besar') }}" placeholder="0">
                            </div>
                            <hr>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <div class="form-group">
                                <label for="meja_besi_kecil">Meja Besi Kecil</label>
                                <input type="number" name="meja_besi_kecil" max="25" placeholder="0" value="{{ @old('mjea_besi_kecil') }}">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="proyektor">Proyektor</label>
                                <input type="number" name="proyektor" max="2" value="{{ @old('proyektor') }}" placeholder="0">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="layar">Layar</label>
                                <input type="number" name="layar" max="1" placeholder="0" value="{{ @old('layar') }}">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="taplak_kecil">Taplak Kecil</label>
                                <input type="number" name="taplak_kecil" max="25" placeholder="0" value="{{ @old('taplak_kecil') }}">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="taplak_besar">Taplak Besar</label>
                                <input type="number" name="taplak_besar" max="25" placeholder="0" value="{{ @old('taplak_besar') }}">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="karpet">Karpet</label>
                                <input type="number" name="karpet" max="10" placeholder="0" value="{{ @old('karpet') }}">
                            </div>
                            <hr>

                            <div class="form-group">
                                <label for="hambal">Hambal</label>
                                <input type="number" name="hambal" max="6" placeholder="0" value="{{ @old('hambal') }}">
                            </div>
                            <hr>
                            
                        </div>
                    </div>
                    <p></p>
                </div>

                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label ><h5>Tgl Dikembalikan</h5></label>
                            <input type="date" class="form-control @error('tgl_kembali') is-invalid @enderror" name="tgl_kembali" value="{{ @old('tgl_kembali') }}" required>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label ><h5>Keterangan</h5></label>
                            <input type="teksarea" class="form-control" name="ket" value="{{ @old('ket') }}" placeholder="Diisi keterangan tambahan bila perlu">
                        </div>
                    </div>
                </div>

                <div class="d-flex mt-3">
                    <input type="submit" class="btn btn-primary" value="Ajukan Peminjaman">
                    <a href="/detail" style="margin-left: 10px" class="btn btn-primary" >Kembali</a>
                </div>
            </form>
        </div>

@endsection