@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 Work Order</h5>
                      <span>Data detil work 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('/rwo') }}">Work Order</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Detil Work 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($wo->status) }}">{{ $wo->status }}</div></div>
        @if($wo->status == 'Reject')<div class="alert alert-warning mr-4 ml-4 mt-4"><strong>Alasan :</strong> <br>{{ $wo->notes }}</div>@endif    
        <div class="card-body">
                <div class="row">
                  <div class="col-4">
                    <label for="name" class="font-weight-bold">No Work Order</label>
                    <input type="text" class="form-control" id="no_wo" name="no_wo" value="{{ $wo->no_wo }}" readonly="readonly" />
                  </div>
                  <div class="col-8 text-right font-weight-bold">
                    {{ $wo->created_at}}
                  </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" id="name" name="name" value="{{ $wo->name }}" readonly="readonly" />
                  </div>
                  <div class="col-6">
                    <label for="area" class="font-weight-bold">Area</label>
                    <input type="text" class="form-control" id="area" name="area" value="{{ $wo->area }}" readonly="readonly"  />
                  </div>
                </div>

                @foreach ($wo->product as $i => $row)
                <div class="row">
                  <div class="col-12 border mt-4">
                    <div class="row mt-4">
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="product" class="font-weight-bold">Nama Produk</label>
                          <div>{{ strtoupper($row->product_name)}}</div>
                        </div>
                      </div>
    
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="total_product" class="font-weight-bold">Jumlah Produk</label>
                          <div>{{ $row->qty}}</div>
                        </div>
                      </div>
    
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="unit" class="font-weight-bold">Unit eVoucher/produk</label>
                          <div>{{ $row->unit}}</div>
                        </div>
                      </div>
    
                      <div class="col-6 mt-2">
                        <div class="form-group">
                          <label for="total_unit" class="font-weight-bold">Total unit eVoucher</label>
                          <div class="">{{ $row->total_unit}}</div>
                        </div>
                      </div>
    
                      <div class="col-12 mt-2">
                        <div class="form-group">
                        <label for="elektik" class="font-weight-bold">Chip TM</label>
                          <div class="form-group row gutter-10">
                            <div class="col-2 col-form-label col-form-label-sm text-left">
                              <label>Nomor</label>
                            </div>
                            <div class="col-10">
                              <div class="row">
                                @foreach ($row->chip as $key => $rc)
                                  <div class="col-6">
                                    <div class="input-group mb-3">
                                      <div class="input-group-prepend">
                                        <span class="input-group-text">{{ strtoupper($rc->chip) }}</span>
                                      </div>
                                      <input type="text" readonly="readonly" class="form-control pricing" value="{{ $rc->price }}">
                                    </div>
                                  </div>
                                @endforeach
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                @endforeach

                <div class="row mt-4">
                  <div class="col-6">
                    @if(Auth::user()->roles->first()->name == 'Teritory Manager')
                    <a href="{{ url('/rworkorder') }}" class="btn btn-light mr-4 border">Kembali</a>
                    @elseif(Auth::user()->roles->first()->name == 'Operational Manager')
                    <a href="{{ url('/wo_om') }}" class="btn btn-light mr-4 border">Kembali</a>
                    @else
                    <a href="{{ url('/workorder') }}" class="btn btn-light mr-4 border">Kembali</a>
                    @endif
                  </div>
                  <div class="col-6 text-right">
                    @if (in_array(Auth::user()->roles->first()->name, array('Operational Manager')))
                      @if (in_array($wo->raw_status, array('0')))
                      <button type="button" class="btn btn-primary mr-2" id="rwo_approve" rel="{{ $wo->id }}" name="submit">Approve</button>
                      <button type="button" class="btn btn-danger mr-2" id="rwo_reject" data-toggle="modal" data-target="#reject-wo" name="submit">Reject</button>
                      @endif
                    @endif
                  </div>
                </div>
            </div>
        </div>
    </div>
  </div>

</div>
@endsection

@push('modals')
<div class="modal fade" id="reject-wo" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <form action="{{ url('/rwo_reject') }}" method="POST" style="display: inline;" id="reject-form">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title text-center" id="exampleModalCenterLabel">Konfirmasi Reject</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-12">
                  <div class="form-group">
                    <label for="reason">Apakah Anda mau reject work order ini?</label>
                    <input type="text" name="reason" class="form-control" id="reason">
                    <small class="form-text text-muted reason-error">Berikan Alasan.</small>
                  </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" name="id" value="{{ $wo->id }}">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
                <input type="button" class="btn btn-danger" onclick="formSubmit();" value="Ya"/>
            </div>
          </form>
        </div>
    </div>
</div>
@endpush

@push('scripts')
<script>
function formSubmit() {
  if ($('#reason').val() === "") {
    $('.reason-error').addClass('text-danger');
    return false;
  }
  else {
    $('#reject-wo').modal('hide');
    $('#reject-form').submit();
  }
}
</script>
@endpush