@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Orders Summary</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Orders Summary</a></li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-9">
          <div class="card card-info card-outline">
            <!-- /.card-header -->
              <div class="card-body">
                  <table class="table table-bordered table-striped dataTable dtr-inline" cellspacing="0"  width="100%">
                    <thead> 
                      <tr>
                        <th>#</th>
                        <th>Product Name</th>
                        <th>Label Count</th>
                      </tr>
                    </thead>
                    @foreach($tempory_order_data['product_details'] as $pkey => $product)
                      <tbody>
                        <tr>
                          <td>{{$pkey+1}}</td>
                          <td>{{$product['product_name']}}</td>
                          <td>{{$product['label_count']}}</td>
                        </tr>

                      </tbody>
                    @endforeach

                  </table>
              
                <form action='order/placeorder' method = 'POST' class = 'col-md-12 row'>
                    {{ csrf_field() }}
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Verifier:*</label>
                          @php $temp_verifier    = []; @endphp
                          @foreach($verifiers as $id => $verifier)
                            @php $temp_verifier[$verifier->id]   = $verifier->name @endphp
                          @endforeach
                          {!! Form::select('verifier', $temp_verifier, null,array('class' => 'form-control')) !!}
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Approver:*</label>
                          @php $temp_approver    = []; @endphp
                          @foreach($approvers as $id => $approver)
                            @php $temp_approver[$approver->id]   = $approver->name @endphp
                          @endforeach
                          {!! Form::select('approver', $temp_approver, null,array('class' => 'form-control')) !!}
                          <input type="hidden" id= 'product_id'>
                      </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <label>Note</label>
                            {!! Form::textarea('order_note', null, array('placeholder' => 'Order Note','class' => 'form-control', 'id' => 'tags_create', 'rows' => '2')) !!}
                        </div>
                    </div>
                    <div class="row col-md-12">
                        @can('orders-create')
                          <div class="text-left  col-xs-6 col-sm-6 col-md-6">
                            <a class="btn btn-success" href="{{ route('orders.create') }}"> Back</a>
                          </div>
                        @endcan
                        <div class="text-right col-xs-6 col-sm-6 col-md-6">
                            <button type="submit" class="btn btn-primary">Confirm Order</button>
                        </div>
                    </div>

                </form>

              </div>
              
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <div class="col-3">
            @include('components.dashboard.vertical')
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
        
      </div>
      <!-- /.container-fluid -->
    </section>
    <!-- /.content -->    
  @endsection