@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-map-pin bg-blue"></i>
                  <div class="d-inline">
                    <h5>Detail Request Mutasi Product No. {{ $mut->no_mutasi }}</h5>
                      <span>&nbsp;</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 active" aria-current="page">Detail Mutasi Product</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div><!-- page-header -->

  <div class="row">
      <div class="col-md-1">&nbsp;</div>
      <div class="col-md-10">
          <div class="card">              
              <!--form id="proses_mut" method="POST" action="{{ route('mutation.proses_mutasi') }}" class="forms-sample"-->
                <div class="card-body">                 
				  
                    <table id="userstable" class="table">
                      <thead>
                        <tr>
                          <th style="width: 10px">#</th>
                          <th>Product</th>
                          <th>SN Head</th>
                          <th>SN Awal</th>
                          <th>SN Akhir</th>
                          <th>Order</th>                          
                          <th>Terkirim</th>
						  <th>Pending</th>
                        </tr>
                      </thead>
                      <tbody>
                                                @foreach($detail as $val)
                        <tr>
                          <td>{{ ++$i }}</td>
                          <td>{{ $val->product }}</td>
                          <td>{{ $val->serial_head }}</td>
                          <td>{{ $val->sn_awal }}</td>
                          <td>{{ $val->sn_akhir }}</td>
                          <td>{{ $val->qty }}</td>
                          <td>{{ $val->qty_del }}</td>
                          <td>{{ $val->qty_rem }}</td>
                                                  </tr>
                        @endforeach
                      </tbody>
					  <tfoot>
						  <td>&nbsp;</td>
						  <td>&nbsp;</td>
						  <td>&nbsp;</td>
						  <td>&nbsp;</td>
						  <td style="font-weight:bold">Total</td>
						  <td style="font-weight:bold">{{ $jumlah }}</td>
						  <td style="font-weight:bold">{{ $jumlah_del }}</td>
						  <td style="font-weight:bold">{{ $jumlah_rem }}</td>
					  </tfoot>
                  </table>
                  <div class="col-12 mt-4 text-right">
					  @if($mut->tm_termohon==$user->id_area && strtolower($mut->termohon) == strtolower($user->name))
						  <a href="{{ route('mutation.showhead',$mut->nomutasi) }}" class="btn btn-light mr-2 border">Kembali</a>
					  @elseif($mut->tm_pemohon==$user->id_area) 
						  <a href="{{ route('mutation.index') }}" class="btn btn-light mr-2 border">Kembali</a>
					  @elseif($mut->tm_termohon!=$user->id_area || $mut->tm_pemohon!=$user->id_area)
					      <table align="right" style="width: 102%" border="0">
						  <tr>
						  <td style="font-weight:bold; text-align: left;">Diserahkan oleh</td>
						  <td>
							<input type="text" style="width: 117px;" name="pemberi" class="form-control" id="pemberi" value="{{ $user->name }}" readonly="readonly"/>
							<input type="hidden" name="pemohon" class="form-control" id="pemohon" value="{{ $mut->pemohon }}" readonly="readonly"/>
							<input type="hidden" name="area_pemohon" class="form-control" id="area_pemohon" value="{{ $mut->area_pemohon }}" readonly="readonly"/>
							<input type="hidden" name="product" class="form-control" id="product" value="{{ $mut->product }}" readonly="readonly"/>
						  </td>
						  <td style="font-weight:bold; text-align: left;">Diterima oleh</td>
						  <td>
							@if($jumlah_rem==0 || $mut->status==2 || $mut->status==0)
							<input type="text" style="width: 117px;" name="penerima" class="form-control" id="penerima" readonly="readonly"/>
							@else
							<input type="text" style="width: 117px;" name="penerima" class="form-control" id="penerima"/>
							@endif
						  </td>
						  <td style="font-weight:bold">Qty Delivery</td>
						  <td>
							@if($jumlah_rem==0 || $mut->status==2 || $mut->status==0)
							<input type="text" style="width: 55px;" class="form-control" value="{{ $jumlah_rem }}" readonly="readonly"/>
							@else
							<input type="text" style="width: 55px;" name="jml_del" class="form-control" id="jml_del" value="{{ $jumlah_rem }}"/>
							@endif
							<input type="hidden" style="width: 55px;" name="tmp_del" class="form-control" id="tmp_del" value="{{ $jumlah_rem }}"/>
							<input type="hidden" name="mut_id" class="form-control" id="mut_id" value="{{ $mut->id }}"/>
							<input type="hidden" name="nomutasi" class="form-control" id="nomutasi" value="{{ $mut->nomutasi }}"/>
						  </td>
						  <td><a href="{{ route('mutation.showhead',$mut->nomutasi) }}" class="btn btn-light mr-2 border">Kembali</a>
						  <button type="submit" class="btn btn-primary mr-2 border" id="proses_mutasi" name="proses_mutasi" disabled="disabled">Proses</button></td>
					      </tr>
						  <tr>
						  <td colspan="4">&nbsp;</td>
						  </tr>
						  <tr>
						  <td style="font-weight:bold; text-align: left;">SN Awal</td>
						  <td><input type="text" style="width: 117px;" name="sn_awal" class="form-control" id="sn_awal" readonly="readonly"/></td>
						  <td style="font-weight:bold; text-align: left;">SN Akhir</td>
						  <td><input type="text" style="width: 117px;" name="sn_akhir" class="form-control" id="sn_akhir" readonly="readonly"/></td>
						  <td colspan="3" style="font-weight:bold; text-align: left;">
							<div class="error-penerima text-danger error" style="display:none">Nama penerima tidak boleh kosong</div>
							<div class="error-qty1 text-danger error" style="display:none">Qty tidak boleh kosong</div>
							<div class="error-qty2 text-danger error" style="display:none">Qty delivery terlalu banyak</div>
						  </td>
						  </tr>
						  </table>
						  <table class="table">
						  </table>
					  @endif
                  </div>                                                  
				</div>
			  <!--/form-->
          </div>
      </div>      
      <div class="col-md-1">&nbsp;</div>
  </div>
</div><!-- container-fluid -->
@endsection