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

    </style>
@endsection
@section('main')
    <div class="row mb-2">
        <div class="col-sm-4">
            <select class="form-control" onchange="location = this.value;">
                <option value="{{route('admin.inventory.hot',0)}}">All Categories</option>
                @foreach($categories as $key=>$cat)
                    <option {{ Request::is('admin/inventory/hot/'.$key) ? 'selected' : '' }} value="{{route('admin.inventory.hot',$key)}}">{{$cat}}</option>
                @endforeach
            </select>
        </div>
        <div class="col-sm-8 text-right">
            <a href="{{route('admin.inventory.excel')}}" class="btn btn-success no-print mr-2"><i
                        class="fa fa-file-excel-o"></i> Excel
            </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>Product Name</th>
                    <th>Category</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Schedule</th>
                    <th>Submit</th>
                    <th>+/-</th>
                </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                    @if($product->data['status'] == 'hot' || $product->data['status'] == 'low')
                        <tr>
                            <td>{{$product->sku}}</td>
                            <td><a href="{{route('admin.products.show',$product->id)}}" data-toggle="tooltip"
                                   data-placement="top" title="View Product">{{$product->name}}</a></td>
                            <td>{{$product->category['name']}}</td>
                            <td>{!! $product->inventory / $product->unit->name!!}</td>
                            <td>{!! $product->data['statusHTML'] !!}</td>
                            <td>
                                @if($product->isRequested($product->request))
                                    <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                                            data-target="#cancel-modal-{{$product->id}}" {{ Auth::user()->role_id != 2 ? 'disabled':'' }}>
                                        Cancel Schedule
                                    </button>
                                @else
                                    <button type="button" class="btn btn-info btn-sm" data-toggle="modal"
                                            data-target="#delete-modal-{{$product->id}}">
                                        Schedule
                                    </button>
                                @endif
                            </td>
                            <td>
                                @if($product->request != 0)
                                    <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                            data-target="#transfer-modal-{{$product->id}}">
                                        Transfer to Inventory
                                    </button>

                                @else
                                    <button type="button" class="btn btn-warning btn-sm" disabled>
                                        Transfer to Inventory
                                    </button>
                                @endif
                            </td>
                            <td>
                                <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                        data-target="#add-modal-{{$product->id}}">
                                    +/-
                                </button>
                            </td>
                        </tr>

                        <div class="modal modal-warning fade text-center" id="add-modal-{{$product->id}}">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@add', $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">Add to {{$product->name}}</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <p>Add Amount to inventory:</p>
                                                {!! Form::number('add', null, ['class'=>'form-control w-80 mx-auto','required','step'=>'any']) !!}
                                            </div>
                                        </div>
                                    </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">Update</button>
                                    </div>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                        <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>

                        @if($product->isRequested($product->request))

                            <div class="modal modal-danger fade text-center" id="cancel-modal-{{$product->id}}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@cancel', $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">Cancel Schedule</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are you sure you want to cancel your schedule for {{$product->request}}
                                                of {{$product->name}}?</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">Cancel Schedule</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        @else

                            <div class="modal modal-info fade text-center" id="delete-modal-{{$product->id}}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@request', $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">Request {{$product->name}}</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="col-xs-2"></div>
                                                <div class="col-xs-4">
                                                    <p>Amount:</p>
                                                    {!! Form::number('request', null, ['class'=>'form-control mx-auto','min'=>'1', 'required','step'=>'any','autofocus','placeholder'=>'Amount']) !!}
                                                </div>
                                                <div class="col-xs-4">
                                                    <p>Date to cook:</p>
                                                    <input name="request_priority" type="text" class="form-control pull-right datepicker" required autocomplete="off" placeholder="mm/dd/yyyy">
                                                </div>
                                            </div>
                                            {{--<div class="row">--}}
                                            {{--<div class="col-xs-12">--}}
                                            {{--<div class="form-group">--}}
                                            {{--<p>Assign Department:</p>--}}
                                            {{--<select name="departments[]" class="form-control select2" multiple="multiple" data-placeholder="Select departments"--}}
                                            {{--style="width: 60%; margin:0 auto">--}}
                                            {{--<option value="999">ALL</option>--}}
                                            {{--<option value="143">Table Lead</option>--}}
                                            {{--<option value="144">Table #1</option>--}}
                                            {{--<option value="145">Table #2</option>--}}
                                            {{--<option value="146">Kettles</option>--}}
                                            {{--<option value="147">Lead</option>--}}
                                            {{--<option value="148">Receiving</option>--}}
                                            {{--<option value="150">Alternate</option>--}}
                                            {{--</select>--}}
                                            {{--</div>--}}
                                            {{--</div>--}}
                                            {{--</div>--}}
                                        </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">Request</button>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endif
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop
@section('footer')
    <script>
        $(document).ready(function(){
            $('[rel="tooltip"]').tooltip();
        });
    </script>
@stop