@extends('layouts.admin.app')
@section('title') Quality Control @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>Approved</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>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>
                            {!! 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->isRequested($product->request))--}}
                                <button type="button" class="btn btn-warning btn-sm" data-toggle="modal"
                                        data-target="#transfer-modal-{{$product->id}}">
                                    Approve
                                </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' => ['AdminScheduledController@qualityControlTransfer', $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">Approve and Transfer to Batch Coding</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Would you like to
                                        transfer
                                        to
                                        Batch Coding 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">Approve and Transfer to Batch Coding</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