@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.css"
          rel="stylesheet" type="text/css"/>

@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-list font-green"></i>
                        <span class="caption-subject font-green bold uppercase">@lang("constants.items")</span>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-scrollable">
                        <table class="table table-hover">
                            {!! Form::open(['route'=>"admin.stock-notifications.items",'method'=>"get",'id'=>"form"]) !!}
                            <thead>
                            <tr>
                                <td colspan="4">
                                    {!! $items->appends($appends)->links()!!}
                                </td>
                                <td colspan="2">

                                </td>
                                <td colspan="2">
                                    <select class="form-control" name="type" id="type">
                                        <option value="">All</option>
                                        <option @if(request()->get("type")=="reserve")selected @endif value="reserve">Reserve</option>
                                        <option @if(request()->get("type")=="order")selected @endif value="order">Order</option>
                                    </select>
                                </td>
                            </tr>

                            <tr>
                                <th> Nickname </th>
                                <th> @lang("constants.name") </th>
                                <th> @lang("constants.price") </th>
                                <th> @lang("constants.quantity") </th>
                                <th> @lang("constants.category") </th>
                                <th> @lang("constants.brand") </th>
                                <th class="text-center"> Count of Reservations </th>
                                <th> @lang("constants.options") </th>
                            </tr>
                            <tr>
                                <td>
                                    {{Form::text("nickname",Request::get("nickname",NULL),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td>
                                    {{Form::text("name",Request::get("name",NULL),['class'=>"form-control form-filter input-sm"])}}
                                </td>


                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        {{Form::text("price_from",Request::get("price_from",NULL),['class'=>"form-control form-filter input-sm",'placeholder'=>"From"])}}
                                    </div>
                                    {{Form::text("price_to",Request::get("price_to",NULL),['class'=>"form-control form-filter input-sm",'placeholder'=>"To"])}}
                                </td>
                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        {{Form::text("quantity_from",Request::get("quantity_from",NULL),['class'=>"form-control form-filter input-sm",'placeholder'=>"From"])}}
                                    </div>
                                    {{Form::text("quantity_to",Request::get("quantity_to",NULL),['class'=>"form-control form-filter input-sm",'placeholder'=>"To"])}}
                                </td>
                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">

                                        {!! Form::select("category",$categories,Request::get("category",NULL),["id"=>"categories",'class'=>"form-filter input-sm form-control","placeholder"=>"Select Category"])!!}
                                    </div>
                                    {!! Form::select("sub_category",[],Request::get("sub_category",NULL),['class'=>"form-filter input-sm form-control","disabled"=>"disabled",'id'=>"sub_categories","placeholder"=>"Select Sub Category"])!!}
                                </td>
                                <td>
                                    {!! Form::select("brand",$brands,Request::get("brand",NULL),['class'=>"form-filter input-sm form-control","placeholder"=>"Select Brand"])!!}
                                </td>

                                <td rowspan="1" colspan="1">
                                    {!! Form::select("count",["asc"=>"Asc","desc"=>"Desc"],Request::get("count","desc"),['class'=>"form-filter input-sm form-control"])!!}

                                </td>

                                <td rowspan="1" colspan="1">
                                    <div class="margin-bottom-5">
                                        <button class="btn btn-sm btn-success filter-submit margin-bottom">
                                            <i class="fa fa-search"></i> Search</button>
                                    </div>
                                    <a href="{{route("admin.items.index")}}" class="btn btn-sm btn-default filter-cancel">
                                        <i class="fa fa-times"></i> Reset</a>
                                </td></tr>

                            {!! Form::close() !!}
                            </thead>
                            <tbody>
                            @forelse($items as $item)
                                <tr>
                                    <td>
                                        {{$item->nickname}}
                                    </td>
                                    <td>
                                        {{$item->name}}
                                    </td>

                                    <td>
                                        {{$item->price}}
                                    </td>
                                    <td>
                                        {{$item->quantity}}
                                    </td>
                                    <td>
                                        {{$item->category->title ?? trans("constants.none")}}
                                    </td>
                                    <td>
                                        {{$item->brand->name ?? trans("constants.none")}}
                                    </td>

                                    <td class="text-center">
                                        {{$item->stock_notifications_count}}
                                    </td>


                                    <td>
                                        {{Form::open(['route'=>["admin.items.destroy",$item->id],'method'=>"delete"])}}
                                        <a href="{{route("admin.items.edit",[$item->id,'page'=>Request::get("page")])}}" class="btn btn-outline btn-sm purple" title="Edit"><i class="fa fa-edit"></i> @lang("constants.edit")</a>
                                        <button onclick="return confirm('are you sure?')" type="submit" class="btn btn-outline btn-sm red" title="Delete"><i class="fa fa-trash"></i> @lang("constants.delete")</button>
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @empty
                            @endforelse
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="8">
                                    {!! $items->appends($appends)->links()!!}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    @include("admin.layouts.update_attribute")
    <script type="text/javascript">
        $(document).ready(function() {
            $("#categories").trigger('change');

        });
        $(document).ready(function() {
            $("#type").on('change',function(){
                $( "#form" ).submit();
            });

        });
        $("#categories").on("change",
            function() {
                $list = $("#sub_categories");
                $list.prop("disabled", false);
                $list.empty();
                $.ajax({
                    url: "{{route("admin.get-categories")}}",
                    type: "GET",
                    data: { id: $("#categories").val() },
                    traditional: true,
                    success: function(result) {
                        $list.empty();
                        $.each(result,
                            function(i, item) {
                                $list.append('<option value="' + item["id"] + '"> ' + item["title"] + ' </option>');
                            });
                    },
                    error: function() {
                        alert("Something went wrong");
                    }
                });
            });

    </script>
@endsection