@php
use App\Models\Perangkat;
@endphp
<div>
  <!-- Page -->
  <div class="page">
    <div class="page-header">
      <h1 class="page-title">Data Generate Barcode</h1>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="">Home</a></li>
        <li class="breadcrumb-item"><a href="javascript:void(0)">General</a></li>
        <li class="breadcrumb-item active">Data Generate Barcode</li>
      </ol>

      <div class="page-header-actions">
        <button type="button" data-target="#generate" data-toggle="modal"
          class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip" data-original-title="Tambah">
          <i class="icon md-hospital" aria-hidden="true"></i> Generate
        </button>
        <button type="button" class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
          data-original-title="Refresh">
          <i class="icon md-refresh-alt" aria-hidden="true"></i>
        </button>
      </div>

    </div>

    <div class="page-content container-fluid">
      <div class="row">
        <div class="col-xl-12">
          <!-- Panel Kitchen Sink -->
          <div class="panel">
            <header class="panel-heading">
              <h3 class="panel-title">
                Data Generate Barcode
                @if (session()->has('pesan'))
                <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
                @endif
                <span class="panel-desc">
                  {{ env('CORP_BRAND') }}
                </span>
              </h3>
            </header>

            <div class="panel-body">
              <div class="row">
                <div class="form-group form-material col-md-1 col-lg-1">
                  <label class="form-control-label">Data</label>
                  <select class="form-control" wire:model.live="cek_limit" required>
                    <option>10</option>
                    <option>50</option>
                    <option>100</option>
                    <option>250</option>
                    <option>500</option>
                  </select>
                </div>
                <div class="form-group form-material col-md-1 col-lg-1">
                  <label class="form-control-label">Order</label>
                  <select class="form-control" wire:model.live="cek_urutan" required>
                    <option value="DESC">Z-A</option>
                    <option value="ASC">A-Z</option>
                  </select>
                </div>
                <div class="form-group form-material col-md-2 col-lg-2">
                  <label class="form-control-label">By</label>
                  <select class="form-control" wire:model.live="cek_order_by" required>
                    <option value="barcode_inventory.created_at">Created at</option>
                    <option value="barcode_inventory.tgl_kode_barcode">Tgl Generate</option>
                  </select>
                </div>
                <div class="form-group form-material col-md-8 col-lg-8">
                  <label class="form-control-label">Kata Kunci</label>
                  <div class="input-group">
                    <input type="text" wire:model.defer="cek_keyword" placeholder="Ketik Kata Kunci Pencarian ..."
                      class="form-control" required>
                    <span class="input-group-append">
                      <button wire:click.prevent="search" type="submit" class="btn btn-primary"><i
                          class="icon md-search" aria-hidden="true"></i></button>
                    </span>
                    <span class="input-group-append">
                      <button wire:click.prevent="clear_search" type="submit" class="btn btn-primary"><i
                          class="icon md-refresh" aria-hidden="true"></i></button>
                    </span>
                  </div>
                </div>
              </div>

              <hr>
              <table class="tablesaw table-striped table-bordered table-hover" data-tablesaw-mode="swipe"
                data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap data-tablesaw-mode-switch>
                <thead>
                  <tr>
                    <th>No</th>
                    <th>Perangkat</th>
                    <th>Nomor Seri</th>
                    {{-- <th>Barcode</th> --}}
                    <th>Tgl. Generate</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($barcodes as $barcode)
                  <tr wire:key="{{ $barcode->id_barcode_inventory }}">
                    <td>{{$loop->index + 1}}</td>
                    <th>{{ $barcode['nama_perangkat']}}</th>
                    <td>{{ $barcode['kode_barcode'] }}</td>
                    {{-- <td><img src="{{ $barcode['barcode'] }}" alt="Barcode"></td> --}}
                    <td>
                      {{tgl_indo($barcode['tgl_kode_barcode']?? 'N/A') }}</td>
                    </td>
                    <td>
                      <a href="/report/barcode-inventory/{{ $barcode['id_barcode_inventory'] }}" target="_blank">
                        <button type="button"
                          class="btn btn-sm btn-icon btn-primary btn-round" data-toggle="tooltip"
                          data-original-title="Edit">
                          <i class="icon md-print" aria-hidden="true"></i>
                        </button>
                      </a>
                      <button wire:click.prevent="show({{ $barcode['id_barcode_inventory'] }})" type="button"
                        data-target="#edit" data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round"
                        data-toggle="tooltip" data-original-title="Edit">
                        <i class="icon md-edit" aria-hidden="true"></i>
                      </button>

                      @if (Auth::user()->level == 'Super Admin' || Auth::user()->level == 'Warehouse')
                      <button wire:click.prevent="show({{ $barcode['id_barcode_inventory'] }})" type="button"
                        data-target="#delete" data-toggle="modal" class="btn btn-sm btn-icon btn-primary btn-round"
                        data-toggle="tooltip" data-original-title="Delete">
                        <i class="icon md-delete" aria-hidden="true"></i>
                      </button>
                      @endif
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
              <hr>
              <hr>
              {{ $barcodes->links() }}
            </div>
          </div>
          <!-- End Panel Kitchen Sink -->
        </div>
      </div>
    </div>
  </div>
  <!-- End Page -->


  <!-- Start Modal Form Report -->
  <div wire:ignore.self class="modal fade" id="generate" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Form Generate
          @if (session()->has('pesan'))
          <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
          @endif
        </h4>
      </div>
      <div class="modal-body">

        <form wire:submit="" enctype="multipart/form-data">
          <div class="row">
            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Nama Perangkat</label>
              <select class="form-control" wire:model.live='id_perangkat' name="id_perangkat">
                <option value="" disabled selected>Pilih Nama Perangkat</option>
                @foreach ($perangkat as $key => $value)
                <option value="{{ $value->id_perangkat }}">{{ $value->nama_perangkat }}</option>
                @endforeach
              </select>
            </div>

            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Jumlah Barcode Generate</label>
              <input type="number" wire:model.defer="jumlah_barcode" placeholder="Masukan Jumlah Barcode"
                class="form-control" name="jumlah_barcode" required>
            </div>

            <div class="col-md-6 form-group form-material">
              <label class="form-control-label">Kondisi</label>
              <div>
                <label>
                  <input type="radio" wire:model.live="kondisi" name="kondisi" value="Baik"> Baik
                </label>
                <label class="ml-3">
                  <input type="radio" wire:model.live="kondisi" name="kondisi" value="Rusak"> Rusak
                </label>
              </div>
            </div>

            <div class="col-md-6 form-group form-material">
              <label class="form-control-label">Status</label>
              <div>
                <label>
                  <input type="radio" wire:model.live="status" name="status" value="Tersedia"> Tersedia
                </label>
                <label class="ml-3">
                  <input type="radio" wire:model.live="status" name="status" value="Keluar"> Keluar
                </label>
              </div>
            </div>

            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Keterangan</label>
              <textarea wire:model.live="keterangan" class="form-control" placeholder="Masukan keterangan"
                name="keterangan" rows="3"></textarea>
            </div>

            <div class="col-md-12">
              <hr>
            </div>
            <div class="col-md-6 float-right">
              <button data-target="#konfirmasi" data-toggle="modal" class="btn btn-block btn-primary"
                data-toggle="tooltip" data-original-title="Generate">Generate</button>
            </div>

            <div class="col-md-6 float-left">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>

          </div>
        </form>
      </div>
    </div>
    <!-- End Modal Form Report -->
  </div>



  <!-- Start Modal Form Edit -->
  <div wire:ignore.self class="modal fade" id="edit" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Form Edit Barcode
          @if (session()->has('pesan'))
          <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
          @endif
        </h4>
      </div>
      <div class="modal-body">

        <form wire:submit="update({{$id_barcode_inventory}})" enctype="multipart/form-data">
          <div class="row">
            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Nama Perangkat</label>
              <select class="form-control" wire:model.live='id_perangkat' name="id_perangkat">
                <option value="" disabled selected>Pilih Nama Perangkat</option>
                @foreach ($perangkat as $key => $value)
                <option value="{{ $value->id_perangkat }}">{{ $value->nama_perangkat }}</option>
                @endforeach
              </select>
            </div>

            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Kode Barcode</label>
              <input type="text" wire:model.defer="kode_barcode" placeholder="Masukan Kode Barcode" class="form-control"
                required>
            </div>

            <div class="col-md-6 float-right">
              <button  type="submit" class="btn btn-primary btn-block">Save</button>
            </div>

            <div class="col-md-6 float-left">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>

          </div>
        </form>

      </div>
    </div>
  </div>
  <!-- End Modal Form Edit -->


  <!-- Start Modal Form Delete -->
  <div wire:ignore.self class="modal fade" id="delete" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">x</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Konfirmasi Hapus Barcode
          @if (session()->has('pesan'))
          <span class="panel-desc" style="color: green;">{{ session('pesan') }}</span>
          @endif
        </h4>

      </div>
      <div class="modal-body">
        <form wire:submit.prevent="destroy({{$id_barcode_inventory}})" enctype="multipart/form-data">
          <div class="row">
            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Nama Perangkat</label>
              <select class="form-control" wire:model.live='id_perangkat' name="id_perangkat" disabled>
                <option value="" disabled selected>Pilih Nama Perangkat</option>
                @foreach ($perangkat as $key => $value)
                <option value="{{ $value->id_perangkat }}">{{ $value->nama_perangkat }}</option>
                @endforeach
              </select>
            </div>

            <div class="col-md-12 form-group form-material">
              <label class="form-control-label">Kode Barcode</label>
              <input type="text" wire:model.defer="kode_barcode" placeholder="Masukan Kode Barcode" class="form-control"
                disabled>
            </div>

            <div class="col-md-12 form-group form-material">
              <p>Apakah Anda yakin ingin menghapus barcode ini?</p>
              <ul>
                <li><strong>Nama Perangkat:</strong> {{ $nama_perangkat }}</li>
                <li><strong>Kode Barcode:</strong> {{ $kode_barcode }}</li>
              </ul>
            </div>

            @if(!empty($id_barcode_inventory))
            <div class="col-md-6">
              <button type="submit" class="btn btn-danger btn-block">Hapus</button>
            </div>
            @endif
            <div class="col-md-6">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>

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

  <!-- Start Modal Form Konfirmasi -->
  <div wire:ignore.self class="modal fade" id="konfirmasi" tabindex="-1" data-keyboard="false" data-backdrop="static"
    aria-labelledby="TambahData" aria-hidden="true">
    <div class="modal-dialog modal-simple modal-content modal-lg">
      <div class="modal-header">
        <button type="button" class="close" wire:click="ClearForm" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
        <h4 class="modal-title" id="exampleFormModalLabel">Konfirmasi Generate Barcode</h4>
      </div>
      <div class="modal-body">
        <form wire:submit="store" enctype="multipart/form-data" id="barcodeForm">
          <div class="row">
            <!-- Konfirmasi Data Perangkat -->
            <div class="col-md-12 form-group">
              <p>"Apakah Anda yakin ingin menghasilkan barcode untuk perangkat ini? Setelah proses selesai, data akan
                langsung tersimpan di inventaris."</p>
              <hr>
              <ul style="list-style-type: none; padding-left: 0;">
                <li><strong>Nama Perangkat:</strong> <span class="">{{$id_perangkat ?
                    optional(Perangkat::where('id_perangkat', $id_perangkat)->first())->nama_perangkat : null }}</span>
                </li>
                <li><strong>Jumlah Barcode:</strong> <span class="">{{$jumlah_barcode}}</span></li>
                <li><strong>Kondisi:</strong> <span class="text-success">{{$kondisi}}</span></li>
                <li><strong>Status:</strong> <span class="text-warning">{{$status}}</span></li>
                <li><strong>Keterangan:</strong> <span class="text-muted">{{$keterangan}}</span></li>
              </ul>
            </div>

            <!-- Button Options -->
            <div class="col-md-6">
              <button wire:loading.attr="disabled" type="submit" class="btn btn-primary btn-block">Generate & Simpan</button>
            </div>
            <div class="col-md-6">
              <button type="button" wire:click="ClearForm" data-dismiss="modal" aria-label="Close"
                class="btn btn-secondary btn-block">Close</button>
            </div>
          </div>
        </form>


      </div>
    </div>
  </div>
  <!-- End Modal Form Konfirmasi -->



</div>