@extends('layout.master')

@push('plugin-styles')
<link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Pembelian</a></li>
    <li class="breadcrumb-item"><a href="/pembelian/po">PO</a></li>
    <li class="breadcrumb-item active" aria-current="page">Detail Data</li>
  </ol>
</nav>

<div class="card m-b-30">
  <div class="card-body">
    <h5 class="card-title">
      <div class="row">
        <div class="col-12">
          PO PEMBELIAN
        </div>
      </div>
    </h5>
    <div class="mb-4">
      <div class="">
        <div class="border p-3">
          <form id="form_po_header">
            <div class="form-group mb-3">
              <p>Supplier</p>
              <p class="form-control">
                {{ $dataHeader->supplier->kode . ' | ' . $dataHeader->supplier->nama }}
              </p>
            </div>
            <div class="form-group mb-3">
              <div class="row">
                <div class="col-12">
                  <p>Tanggal PO</p>
                  <p class="form-control">
                    {{ date('d-m-Y', strtotime($dataHeader->tanggal_po)) }}
                  </p>
                </div>
              </div>
            </div>
            <div class="form-group mb-3">
                <div class="row">
                    <div class="col-12">
                        <p>Footer PDF</p>
                        <p class="form-control pre-line">{{ ($dataHeader->footer_pdf ?? $GlobalVar->footer_po) }}</p>
                    </div>
                </div>
            </div>
            <div class="form-group mb-3">
              <div class="row">
                <div class="col-12">
                  <p for="cetak_nama">Cetak Nama Barang</p>
                  <div class="form-check">
                    <input class="form-check-input" type="radio" name="cetak_nama" id="asli" value="1" @if ($dataHeader->cetak_nama == 1) checked @endif readonly disabled>
                    <p class="">
                      Asli
                    </p>
                  </div>
                  <div class="form-check">
                    <input class="form-check-input" type="radio" name="cetak_nama" id="alias" value="2" @if ($dataHeader->cetak_nama == 2) checked @endif readonly disabled>
                    <p class="">
                      Alias
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="mb-2">
      <div class="form-group mb-3">
          <div class="row">
              <div class="col-12">
                  <label for="view_nama">View Nama Barang</label>
                  <div class="d-flex">
                      <div class="form-check">
                          <input class="form-check-input" type="radio" name="view_nama" id="view_nama_asli" value="view_nama_asli" checked>
                          <label class="form-check-label" for="view_nama_asli">
                            Asli
                          </label>
                      </div>
                      <div class="form-check ms-2">
                          <input class="form-check-input" type="radio" name="view_nama" id="view_nama_alias" value="view_nama_alias">
                          <label class="form-check-label" for="view_nama_alias">
                            Alias
                          </label>
                      </div>
                      <div class="form-check ms-2">
                          <input class="form-check-input" type="radio" name="view_nama" id="view_nama_asli_alias" value="view_nama_asli_alias">
                          <label class="form-check-label" for="view_nama_asli_alias">
                            Keduanya
                          </label>
                      </div>
                  </div>

              </div>
          </div>
      </div>
    </div>
    <div class="table-responsive" style="overflow-x: auto;">
      <table class="table table-bordered table-hover table-sm">
        <thead>
          <tr>
            <th style="max-width: 25% !important;">Nama Barang</th>
            <th style="width: 10% !important;">Jumlah</th>
            <th style="width: 13% !important;">Satuan</th>
            <th style="width: 7% !important;">Ratio</th>
            <th style="width: 10% !important;" class="text-end">Harga</th>
            <th style="width: 15% !important;">Note</th>
            <th style="width: 10% !important;" class="text-end">Total</th>
          </tr>
        </thead>
        <tbody class="tampilBarang">
          <tr class="infoKosong" >
            <td colspan="6" class="text-center">Belum Terdapat Data</td>
          </tr>
          @foreach ($dataDetail as $valDetail)