@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">Serial Numbers</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div>

  <div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
              <h3>Daftar Card Material</h3>   
            </div>
            <div class="card-body">
                @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 }}" readonly="readonly" />
                    </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)) }}" readonly="readonly" />
                    </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)) }}" 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="{{ ucwords(strtolower($rrcm->area)) }}" readonly="readonly"  />
                    </div>
                  </div>

                  </div><!-- // border-bottom pb-4 -->
                                    
                  <div class="row mt-3">
                  <div class="col-3">
                     &nbsp;
                   </div>
                   <div class="col-6">
                    <table class="table table-inverse text-center" style="margin:auto;">  
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>SN Awal</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                                                       @foreach($serial_numbers as $sn)
                              <tr>
                                <td>{{ $i++ }}</td>
                                <td>{{ $sn->serial_number }}</td>
                              </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {!! $serial_numbers->render() !!}
                   </div>
                   
                   <div class="col-3">
                     &nbsp;
                   </div>
                  </div>
                  

                  <div class="col-12 mt-4 pt-4 text-right">   
                   @if($rrcm->status > 2)                                 
                   <a href="{{ route('rrcm.show_delivery',[$rrcm->id]) }}" class="btn btn-light mr-4 border">Kembali</a>  
                   @else
                   <a href="{{ route('rrcm.show',[$rrcm->id]) }}" class="btn btn-light mr-4 border">Kembali</a>  
                   @endif
                  </div>                                                  
                </div>           
            </div>
        </div>
    </div>
  </div>
@endsection