@extends('layouts.admin.app')
@section('title') Kitchen Batch Order @stop
@section('style')
    <style>
        .mb-2 {
            margin-bottom: 10px;
        }

        table {
            font-weight: bold;
        }
    </style>
@endsection
@section('main')
    <div class="container mb-2">
        <div class="col-12">
            <a href="{{route('admin.inventory.request.report')}}"
               class="btn btn-success pull-right no-print mr-2"> Generate Report
            </a>
        </div>
    </div>
    <div class="box box-primary">
        <div class="box-body table-responsive">
            <table id="ordertable" class="table table-bordered table-striped table-hover text-center">
                <thead>
                <tr>
                    <th>SKU</th>
                    <th style="max-width:75px">To</th>
                    {{--<th>Approved</th>--}}
                    <th>Product Name</th>
                    <th>Category</th>
                    <th>Status</th>
                    <th>Requested Amount</th>
                    <th>Stocks / Cepo</th>
                    <th id="orderid">Priority / Prioridad</th>
                    <th>Transfer</th>
                </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                    <tr>
                        <td>{{$product->sku}}</td>
                        <td>{{$product->requested_by}}</td>
                        {{--<td>{{$product->qc_approve == 0 ? 'No' : 'Yes'}}</td>--}}
                        <td>{{$product->name}}</td>
                        <td>{{$product->category['name']}}</td>
                        <td>{!! $product->data['statusHTML'] !!}</td>
                        <td>{!! $product->request / $product->unit->name !!}</td>
                        <td>{!! $product->inventory / $product->unit->name!!}</td>
                        <td>
                            <span class="hidden">{{$product->request_priority}}</span>{{\Carbon\Carbon::parse($product->request_priority)->format('M d, Y')}}
                        </td>

                        <td>
                            {{--@if($product->isRequested($product->request))--}}
                                <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                        data-target="#transfer-modal-{{$product->id}}">
                                    Mark as Completed
                                </button>

                                {{--@else--}}
                                {{--<button type="button" class="btn btn-warning btn-sm" disabled>--}}
                                    {{--Transfer to Inventory--}}
                                {{--</button>--}}
                            {{--@endif--}}
                        </td>
                    </tr>
                    <div class="modal modal-warning fade text-center" id="transfer-modal-{{$product->id}}">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@transfer', $product->id]]) !!}
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title">Transfer to Inventory</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Would you like to
                                        transfer {!! Form::number('request', null, ['id'=>'request-'.$product->id,'class'=>'form-control w-80','step'=>'any','style'=>'display:inline','required','autofocus']) !!} {{$product->name}}
                                        to
                                        Inventory now?</p>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">
                                        Cancel
                                    </button>
                                    <button type="submit" class="btn btn-outline">Transfer</button>
                                </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop
@section('footer')
    <script>
        $(document).ready(function () {
            setTimeout("window.open(self.location, '_self');", 300000);
        });
    </script>
@stop