@extends('layouts.index')

@section('main')

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title text-hijau" id="exampleModalLabel"><i class="bi bi-ui-checks-grid"></i> Tambah Barang</h6>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
            <form action="/superadmin_1_gs_in/create"  >
                <div class="mb-3">
                  {{-- <label for="recipient-name" class="col-form-label">Masukkan Kode Barang</label> --}}
                  <input type="text" name="cari_barang" placeholder="Masukkan Kode Barang / Nama Barang/ Merek Barang" class="form-control" >
                </div>
                
        </div>
        <div class="modal-footer">
          <button type="submit" class="tombol_add">Cari Barang</button>
        </div>
    </form>

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


    <div class="pc-content">
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="">

                            <div class="page-header-title">
                                {{-- <h5 class="m-b-10">Tabler Icons</h5> --}}
                            </div>
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a class="text-decoration-none" href="/admin">Home</a>
                                </li>
                                <li class="breadcrumb-item"><a class="text-decoration-none" href="/admin_menu">{{ $data_data->proyek->divisi->nama_divisi }}</a></li>
                              
                                <li class="breadcrumb-item "  aria-current="page"><a  class="text-decoration-none" href="/consumable/{{ $data_data->id }}"> {{ $data_data->sub_divisi->nama_sub_divisi }}</a></li>
                                <li class="breadcrumb-item "  aria-current="page"><a  class="text-decoration-none" type="button" onclick="goBack()">KEMBALI</a></li>
                            </ul>

                        </div>

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

        <div class="row">
            <div class="col-sm-12">

                <div class="shadow bg-light col-sm-12 p-3 " style="border-radius: 20px">
                    <div class="d-flex justify-content-between  mt-2">
                        <div class="d-flex text-center">
                            {{-- <img src="{{ asset('images/logo-1.png') }}" width="45" height="45" alt=""> --}}
                            <p class="fs-6 teks fw-bold"><i class="bi bi-dropbox"></i> Tambah Barang</p>
                        </div>

                    </div>
                    {{-- <div class=" ">
            <h5 class="text-success">Total = <span class="fw-bold">Rp.1.000.000.000</span> </h5>
        </div> --}}
                    {{-- <hr class="mt-0 p-1 bg-primary rounded" width="350" ></hr> --}}

                    {{-- <div class="">
                        <form class="row" action="#">
                            <div class="col cont">
                                <input type="text" name="search" value="{{ request('search') }}"
                                    class="pencarian" placeholder="Cari barang ..">
                            </div>
                            <div class="col">
                                <button type="submit" class="ms-0 tombol_search"><i
                                        class="bi bi-search"></i></button>
                            </div>
                        </form>

                    </div> --}}

                    <form action="/consumable/update_barang_masuk/{{ $data_data->id }}/{{ $data_data->sub_divisi_id }}" method="post" enctype="multipart/form-data">
                        @method('put')
                        @csrf


                                <div class="row">
                                    <div class="col-6">
                                        <div class="mb-3">
                                            <label for="kode_barang" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i> Kode Barang</label>
                                            <input type="text" placeholder="{{ $data_data->consumable->kode_barang }}"
                                                class="form-control form-control-sm rounded-pill @error('kode_barang') is-invalid @enderror "
                                                required autofocus value="{{ old('kode_barang') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('kode_barang')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Kode Barang sudah
                                                        ada
                                                        !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="nama_barang" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i> Nama
                                                Barang</label>
                                            <input type="text" placeholder="{{ $data_data->consumable->nama_barang }}"
                                                class="form-control form-control-sm rounded-pill @error('nama_barang') is-invalid @enderror "
                                                 required autofocus value="{{ old('nama_barang') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('nama_barang')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Nama wajib di isi
                                                        !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="merek" class="form-label teks mb-0"><i class="bi bi-dropbox"></i>
                                                Merek</label>
                                            <input type="text" placeholder="{{ $data_data->consumable->merek }}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                 required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                                {{-- <p class="text-light fst-italic m-0">* Isi dengan - jika kosong</p> --}}
                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="merek" class="form-label teks mb-0"><i class="bi bi-dropbox"></i>
                                                Kategori</label>
                                            <input type="text" placeholder="{{ $data_data->consumable->kategori->nama_kategori }}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="merek" class="form-label teks mb-0"><i class="bi bi-dropbox"></i>
                                                Proyek</label>
                                            <input type="text" placeholder="{{ $data_data->proyek->nama_proyek}}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="merek" class="form-label teks mb-0"><i class="bi bi-houses"></i>
                                                Item</label>
                                            <input type="text" placeholder="{{ $data_data->sub_divisi->nama_sub_divisi }}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak
                                                        boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-0">
                                            <label for="merek" class="form-label teks mb-0"><i
                                                    class="bi bi-houses"></i>
                                                Divisi</label>
                                            <input type="text" placeholder="{{ $data_data->divisi->nama_divisi }}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            <p class="teks-note text-light fst-italic m-0">* Isi dengan - jika kosong</p>

                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak
                                                        boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="merek" class="form-label teks mb-0"><i
                                                    class="bi bi-building"></i>
                                                Perusahaan</label>
                                            <input type="text" placeholder="{{ $data_data->Perusahaan->nama_perusahaan }}"
                                                class="form-control form-control-sm rounded-pill @error('merek') is-invalid @enderror "
                                                 required autofocus value="{{ old('merek') }}"
                                                onkeyup="this.value = this.value.toUpperCase()" disabled>
                                            @error('merek')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak
                                                        boleh
                                                        kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="keterangan" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                Lokasi</label>
                                            <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('lokasi') is-invalid @enderror "
                                                name="lokasi" required autofocus value="{{ old('lokasi', $data_data->lokasi) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            {{-- <p class="teks-note text-primary fst-italic m-0">* Isi dengan - jika kosong</p> --}}
                                            @error('lokasi')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Lokasi tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>

                                    </div>


                                    <div class="col-6">
                                        <div class="mb-3">
                                            <label for="jumlah" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i> Jumlah</label>
                                            <input type="number" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('jumlah') is-invalid @enderror "
                                                name="jumlah" required autofocus value="{{ old('jumlah', $data_data->jumlah) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            @error('jumlah')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Jumlah tidak boleh kosong
                                                        !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="satuan" class=" mb-0 teks"><i class="bi bi-dropbox"></i>
                                                Satuan</label>
                                                <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('satuan') is-invalid @enderror "
                                                name="satuan" required autofocus value="{{ old('satuan', $data_data->satuan) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            @error('satuan')
                                                <div class="teks-notif text-danger">
                                                    <span class="ps-3 fst-italic"><i class="bi bi-info-circle"></i> Satuan
                                                        wajib di pilih !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="penerima" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                Nama</label>
                                            <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('penerima') is-invalid @enderror "
                                                name="penerima" required autofocus value="{{ old('penerima', $data_data->penerima) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            {{-- <p class="text-primary fst-italic m-0">* Isi dengan - jika kosong</p> --}}
                                            @error('penerima')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> penerima tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="nik" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                NIK</label>
                                            <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('nik') is-invalid @enderror "
                                                name="nik" required autofocus value="{{ old('nik', $data_data->nik) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            {{-- <p class="text-primary fst-italic m-0">* Isi dengan - jika kosong</p> --}}
                                            @error('nik')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> NIK tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>
                                        <div class="mb-3">
                                            <label for="suplayer" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                Suplayer/Nama Toko</label>
                                            <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('suplayer') is-invalid @enderror "
                                                name="suplayer" required autofocus value="{{ old('suplayer', $data_data->suplayer) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            {{-- <p class="text-primary fst-italic">* Isi dengan - jika kosong</p> --}}
                                            @error('suplayer')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="mb-3">
                                            <label for="tanggal" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                Tanggal</label>
                                            <input type="date"  placeholder="dd/mm/yyyy" 
                                                class="form-control form-control-sm rounded-pill @error('tanggal') is-invalid @enderror "
                                                name="tanggal" required autofocus value="{{ old('tanggal', $data_data->tanggal) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            {{-- <p class="text-primary fst-italic">* Isi dengan - jika kosong</p> --}}
                                            @error('tanggal')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Tanggal tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="mb-0">
                                            <label for="keterangan" class="form-label teks mb-0"><i
                                                    class="bi bi-dropbox"></i>
                                                Keterangan</label>
                                            <input type="text" placeholder=""
                                                class="form-control form-control-sm rounded-pill @error('keterangan') is-invalid @enderror "
                                                name="keterangan" required autofocus value="{{ old('keterangan', $data_data->keterangan) }}"
                                                onkeyup="this.value = this.value.toUpperCase()">
                                            <p class="teks-note text-primary fst-italic m-0">* Isi dengan - jika kosong</p>
                                            @error('keterangan')
                                                <div class="teks-notif text-danger">
                                                    <span class="fst-italic"><i class="bi bi-info-circle"></i> Merek tidak
                                                        boleh kosong !</span>
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="mb-3">

                                           
                                            <label for="image" class="form-label teks mb-0 "><i
                                                class="bi bi-dropbox"></i> Gambar</label>
                                                <input type="hidden" name="imagelama" value="{{ $data_data->image }}" >
                                                @if ($data_data->image)
                                                    <img src="{{ asset('storage/' . $data_data->image) }}" class="img-preview img-fluid col-sm-5 mb-2 d-block" >
                                                @else
                                                    <img class="img-preview img-fluid col-sm-5 mb-2" >
                                                @endif 
                                            <input class="form-control form-control-sm rounded-pill mb-2  @error('image') is-invalid @enderror" type="file"
                                                id="image" name="image" onchange="previewImage()">
                                            <p class="teks-note m-0">Maksimal 5 MB <span> @error('image')
                                                <div class="teks-notif text-danger">
                                                        <span class="fst-italic"><i class="bi bi-info-circle"></i> Tidak boleh lebih 5 mb</span>
                                                    </div>
                                                @enderror</span></p>
                                            <img class="img-preview img-fluid col-sm-4 rounded">

                                           
                                        </div>

                                    </div>
                                </div>
                        

                            <div class="d-flex justify-content-around mt-4">
                                <button type="submit"
                                    class="shadow btn btn-primary btn-sm col-3  rounded-pill mb-5">Simpan</button>
                                <a type="button"  onclick="goBack()" 
                                    class="shadow btn btn-danger btn-sm col-3 mb-5 rounded-pill text-light ">Batal</a>

                            </div>

                    </form>

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

    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(function() {
            $('#perusahaan').on('change', function() {
                let id_perusahaan = $('#perusahaan').val();

                console.log(id_perusahaan);
                $.ajax({
                    type: 'get',
                    url: "{{ route('getdivisi') }}",
                    data: {
                        id_perusahaan: id_perusahaan
                    },
                    cache: false,

                    success: function(msg) {
                        $('#divisi').html(msg);
                    },
                    error: function(data) {
                        console.log('error: ', data);

                    }
                })
            })
        })
    </script>



{{-- <script>
$( function() {
  $( "#datepicker" ).datepicker();
  uiLibrary: 'bootstrap4'
} );
</script> --}}

@endsection