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

        table {
            font-weight: bold;
        }

        .rating {
            float: left;
        }

        .rating:not(:checked) > input {
            position: absolute;
            top: -9999px;
            clip: rect(0, 0, 0, 0);
        }

        .rating:not(:checked) > label {
            float: right;
            width: 1em;
            padding: 0 .1em;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            font-size: 200%;
            line-height: 1.2;
            color: #ddd;
            text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0, 0, 0, .5);
        }

        .rating:not(:checked) > label:before {
            content: & #9733;
        }

        .rating > input:checked ~ label {
            color: #ff7700;
            text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5);
        }

        .rating:not(:checked) > label:hover,
        .rating:not(:checked) > label:hover ~ label {
            color: gold;
            text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
        }

        .rating > input:checked + label:hover,
        .rating > input:checked + label:hover ~ label,
        .rating > input:checked ~ label:hover,
        .rating > input:checked ~ label:hover ~ label,
        .rating > label:hover ~ input:checked ~ label {
            color: #ea0;
            text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0, 0, 0, .5);
        }

        .rating > label:active {
            position: relative;
            top: 2px;
            left: 2px;
        }

    </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>Product Name</th>
                    <th>Category</th>
                    <th>Status</th>
                    <th style="min-width:120px">Rating</th>
                    <th>Requested Amount</th>
                    <th>Stocks / Cepo</th>
                    <th id="orderid">Priority / Prioridad</th>
                    <th>Approve</th>
                    <th>Submit</th>
                </tr>
                </thead>
                <tbody>
                @foreach($products as $product)
                    <tr>
                        <td>{{$product->sku}}</td>
                        <td>{{$product->requested_by}}</td>
                        <td>{{$product->name}}</td>
                        <td>{{$product->category['name']}}</td>
                        <td>{!! $product->data['statusHTML'] !!}</td>
                        <td>
                            {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@qc_rating_update', $product->id]]) !!}
                            <fieldset class="rating">

                                @for ($i = 5; $i > 0; $i--)

                                    <input {{$product->qc_rating == $i ? 'checked' : ''}} onclick="this.form.submit();"
                                           type="radio" id="star{{$i}}-{{$product->id}}"
                                           name="qc_rating" value="{{$i}}"/><label for="star{{$i}}-{{$product->id}}"
                                                                                   title="{{$i}}"><span>&#9733</span></label>
                                @endfor

                            </fieldset>
                            {!! Form::close() !!}
                        </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->qc_approve == 1)
                                {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@qcApprove', $product->id,0]]) !!}
                                <button type="submit" class="btn btn-danger btn-sm">
                                    Cancel Approve
                                </button>
                                {!! Form::close() !!}
                            @else

                                @if($product->qc_rating != 5)

                                    <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                            data-target="#star-modal-{{$product->id}}">
                                        Approve
                                    </button>

                                @else

                                    {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@qcApprove', $product->id,1]]) !!}
                                    <button type="submit" class="btn btn-success btn-sm">
                                        Approve
                                    </button>
                                    {!! Form::close() !!}
                                @endif

                            @endif
                        </td>
                        <td>
                            <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                    data-target="#transfer-modal-{{$product->id}}" {{ $product->qc_approve ? '':'disabled' }}>
                                Transfer to Inventory
                            </button>
                        </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>
                    <div class="modal modal-warning fade text-center" id="star-modal-{{$product->id}}">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                {!! Form::open(['method'=>'PUT','action' => ['AdminInventoryController@qcApprove', $product->id, 1]]) !!}
                                <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">Approve</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Please explain why the star rating is not perfect.</p>
                                    {!! Form::textarea('description',null,['class'=>'form-control','rows'=>2]) !!}
                                </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">Approve</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