@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-book bg-blue"></i>
                  <div class="d-inline">
                      <h5>Request Raw Card Material Baru</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"><a href="{{ url('rrcm.index') }}">Raw Card Material</a></li>
                      <li class="breadcrumb-item active" aria-current="page">Summary</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
              <h3>Summary Request Raw Card Material Baru</h3>                
            </div>
            <div class="card-body">
                @if($message = Session::get('success'))
                  <div class="alert alert-success alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <h4><i class="ik ik-check"></i> Sukses!</h4>
                    <p>{{ $message }}</p>
                  </div>
                  @endif
                @if(count($errors) > 0)
                  <div class="alert alert-danger">
                          <strong>Whoopss!</strong> &nbsp;Ada error ketika input.<br/>
                          <ul>
                            @foreach($errors->all() as $error)
                              <li>{{ $error }}</li>
                            @endforeach
                          </ul>
                  </div>
                  @endif
             
                <div class="border-bottom pb-4">
                  <div class="row">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">No Work Order</label>
                      <input type="text" class="form-control" id="no_rrcm" name="no_rrcm" value="{{ $rrcm->no_rrcm }}" disabled />
                    </div>
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Tanggal</label>
                      <input type="text" class="form-control" id="created_at" name="created_at" value="{{ date('d M Y',strtotime($rrcm->created_at)) }}" disabled />
                    </div>
                  </div>

                  <div class="row mt-3">
                    <div class="col-6">
                      <label for="name" class="font-weight-bold">Pemohon</label>
                      <input type="text" class="form-control" id="name" name="name" value="{{ ucwords(strtolower($rrcm->name)) }}" disabled />
                    </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="{{ ucwords(strtolower($rrcm->area)) }}" disabled  />
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                  
                  <div class="row mt-3">
                   <div class="col-2">
                     &nbsp;
                   </div>
                   <div class="col-8">
                      <table class="table table-hover text-center" style="margin:auto;">  
                        <thead>
                          <tr>
                            <th>Raw Material</th>
                            <th>Jumlah</th>
                            <th>Status Bayar</th>
                            <th>Stock</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                                            @foreach($rrcmdetail as $key => $val)
                          <tr>
                          <td>{{ strtoupper($val->raw_material) }}</td>
                          <td>{{ $val->quantity}}</td>
                          <td>{{ $pay_method[intval($val->pay_method)] }}</td>
                          <td>
                                                         <span class="badge badge-pill badge-success mb-1">Cukup</span>
                                                      </td>
                          <td>                          
                            <a href="{{ route('rrcm.detail', [$rrcm->id,$val->id]) }}">
                              <span class="badge badge-info">Detail</span>
                            </a>
                          </td>
                          </tr>                    
                      @endforeach
                        <tbody>
                      </table>
                    </div>
                    <div class="col-2">
                     &nbsp;
                   </div>
                  </div>
                                    
                  <div class="col-12 mt-4 pt-4 text-right">
                    <form method="POST" action="{{ route('rrcm.cardready') }}">
                      @csrf                        
                                            <input type="hidden" name="idrrcm" value="{{ $rrcm->id }}" />
                      <a href="{{ route('rrcm.index') }}" class="btn btn-light mr-4 border">Kembali</a>
                      <button type="submit" class="btn btn-primary mr-4 border" {{ $show_button == false ? 'disabled' : ''}}>Card Ready</button>                        
                  </form> 
                </div>                                                  
                </div>           
            </div>
        </div>
    </div>
  </div>
@endsection