@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
              <div class="page-header-title">
                  <i class="ik ik-shopping-bag bg-blue"></i>
                  <div class="d-inline">
                      <h5>Detil Purchase Order</h5>
                      <span>Data detil purchase order.</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      <li class="breadcrumb-item"><a href="{{ url('repo') }}">Purchase Order</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Detil Purchase Order</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
          <div class="card-header position-relative"><h3>Detil</h3><div class="status-absolute {{ \App\Helpers\Helpers::to_slug($po->status) }}">{{ $po->status }}</div></div>
            <div class="card-body">
                <div class="border-bottom pb-4">
                  <div class="row">
                    <div class="col-6">
                      <label for="no_po" class="font-weight-bold">No Purchase Order</label>
                      <input type="text" class="form-control" value="{{ $po->no_po }}" readonly="readonly" />
                    </div>
                    <div class="col-6">
                      <div class="text-right font-weight-bold">{{ $po->created_at}}</div>
                    </div>
                  </div>

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Nama</label>
                      <input type="text" class="form-control" value="{{ ucwords($po->name) }}" readonly="readonly" />
                    </div>
                    <div class="col-6">
                      <div class="form-group">
                        <label for="order_for" class="font-weight-bold">PO Untuk</label>
                        <input type="text" class="form-control" value="{{ $po->reason }}" readonly="readonly" />
                      </div>
                    </div>
                  </div>
                </div>

                                @foreach ($po->details as $row)
                <div class="row mt-4">
                  <div class="col-6 mt-4">
                    <div class="form-group raw">
                      <label for="raw_material" class="font-weight-bold">Raw Material</label>
                      <div>{{ strtoupper($row->raw_material) }}</div>
                    </div>
                  </div>

                  <div class="col-12 border-bottom">
                    <div class="row">
                      <div class="col-6">
                        <div class="form-group">
                          <label for="price" class="font-weight-bold">Harga beli (Price per Unit)</label>
                          <div class="pricing">{{ $row->price_unit }}</div>
                        </div>
                      </div>

                      <div class="col-6">
                        <div class="form-group">
                          <label for="total_stock" class="font-weight-bold">Total (for Stock)</label>
                          <div class="pricing">{{ $row->request }}</div>
                        </div>
                      </div>
                    </div>

                    <div class="row mb-4">
                     <div class="col-4">
                        @if($po->status == 'Done')
                        <label for="approve_price" class="font-weight-bold text-muted">Jumlah yang Disetujui</label>
                        <div class="pricing font-weight-bold">{{ $row->request_approve }}</div>
                        @else
                        <label for="approve_price" class="font-weight-bold">Jumlah yang Disetujui</label>
                        <input type="hidden" id="id" name="id" value="{{ $po->id }}" />
                        <input type="hidden" id="no_wo" name="no_wo" value="{{ $po->reason }}" />
                        <input type="hidden" class="id_pod" name="id_pod[]" value="{{ $row->id }}" />                                                                         
                        <input type="text" class="form-control pricing approve_qty" id="approve_price_{{ $index }}" name="approve_qty[]" value="" />                        
                        <div class="error-approve_price_{{ $index }} text-danger mt-3 error" style="display:none">Belum di isi</div>
                        @endif
                                             </div>
                    </div>
                    @if($po->reason != 'STOCK')
                    <div class="row">
                      <div class="col-6">
                        <div class="form-group">
                          <label for="total_unit" class="font-weight-bold">Total unit price (by WO)</label>
                          <div class="pricing">{{ $row->request_wo}}</div>
                        </div>
                      </div>
                    </div>
                    @endif
                  </div>
                </div>
                @endforeach

                <div class="row mt-4">
                  <div class="col-6">
                    <label class="font-weight-bold">Diskon</label>
                    <div class="font-weight-bold">{{ $po->discount }} %</div>
                  </div>
                  <div class="col-6">
                    <label class="font-weight-bold">Total</label>
                    <div class="pricing">{{ $po->total }}</div>
                  </div>
                </div>

                @if($po->status == 'Requested')
                <div class="row mt-4">
                  <div class="col-6">
                  </div>
                  <div class="col-6">
                    <!--label for="approve_price" class="font-weight-bold">Approve</label>
                    <input type="hidden" id="id" name="id" value="{{ $po->id }}" />
                    <input type="hidden" id="no_wo" name="no_wo" value="{{ $po->reason }}" />
                    <input type="text" class="form-control pricing" id="approve_price" name="approve_price" value="" />
                    <div class="error-approve_price text-danger mt-3 error" style="display:none">Belum di isi</div-->
                  </div>
                </div>

                <div class="row">
                  <div class="col-12 mt-4 pt-4 text-right">
                  <a href="{{ url('/pofm') }}" class="btn btn-light mr-4 border">Kembali</a>
                    <button type="button" class="btn btn-primary mr-2" id="pofm_done" name="submit">Selesai</button>
                  </div>
                </div>
                @endif

                @if($po->status == 'Done')
                <div class="row mt-4">
                  <div class="col-6">
                  </div>
                  <div class="col-6">
                    <label for="approve_price" class="font-weight-bold">Total Jumlah Disetujui</label>
                    <div class="pricing">{{ $po->total_approved }}</div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-6">
                    <a href="{{ url('/pofm') }}" class="btn btn-light mr-4 border">Kembali</a>
                  </div>
                </div>
                @endif

                <!--div class="row">
                  <div class="col-6">
                    <a href="{{ url('/pofm') }}" class="btn btn-light mr-4 border">Kembali</a>
                  </div>
                </div -->

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

</div>
@endsection