<div class="modal fade" id="modal_keluar" tabindex="-1" role="dialog" aria-labelledby="modal_keluar" aria-hidden="true">
    <div class="modal-dialog modal-lg  modal-" role="document">
        <div class="modal-content">
        	
            <div class="modal-header">
                <h2 class="modal-title" id="modal-title-default">Barang Keluar</h2>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            
            <div class="modal-body">
            	
            <div class="text-center text-muted mb-4">
            <small></small>
        </div>
        <form role="form" action="<?= route('barang.out') ?>" enctype="multipart/form-data" method="post">
        @csrf
            
            <input type="hidden" name="id_barang"/>

            <div class="form-group mb-3 col-12">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text mr-3"><i class="fas fa-list"></i></span>
                    </div>
                    <input readonly class="form-control pl-3 text-dark d-flex justify-content-center text-center" required placeholder="inputkan Nama Barang ..." type="text" name="nama_barang"><br>
                    
                </div> 
             
            </div>

            <div class="d-flex justify-content-between mb-3">
                    <span class="badge badge-primary serial_number"></span>
                    <span class="badge badge-success jenis_barang"></span>
                    <span class="badge badge-danger satuan_barang"> </span>

            </div>
            

            <div class="form-group mb-3">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-map-marker"></i></span>
                    </div>
                    <input class="form-control" required placeholder="inputkan Lokasi Barang keluar  ..." type="text" name="lokasi_keluar">
                </div>
            </div>
            <div class="row mb-3">
                
            <div class="form-group mb-3 col-6">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text"> Tanggal Keluar :</span>
                    </div>
                    <input class="form-control" required placeholder="inputkan  ..." type="date" name="tanggal_keluar">
                </div>
            </div>
            <div class="form-group mb-3 col-6">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-circle-sort-up"></i></span>
                    </div>
                    <input class="form-control" required placeholder="inputkan Jumlah Barang ..." type="number" name="jumlah_keluar">
                </div>
            </div>
            </div>

            <div class="form-group mb-3 col-12">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text"> <i class="fas fa-filter"></i></span>
                    </div>
                    <select name="jenis_keluar" class="form-control" required>
                        <option value="">-- Pilih Jenis Keluar --</option>
                    
                            <option value="1">Di Pinjam</option>
                            <option value="2">Rusak</option>

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

            <div id="pinjam_field">
           
            </div>
            <div class="form-group mb-3 mt-3">
                <div class="input-group input-group-alternative">
                    <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fas fa-list"></i></span>
                    </div>
                    <textarea class="form-control" required placeholder="inputkan Keterangan Barang ..." name="keterangan_keluar"></textarea>
                </div>
            </div>

      
    
            </div>
            
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Simpan </button>
                  
        </form>
            </div>
            
        </div>
    </div>
</div>