@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.accessories")</span>
                    </div>
                    <div class="actions">
                        <a href="{{route("admin.accessories.create")}}" class="btn btn-primary">
                            <i class="fa fa-plus"></i> Create </a>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="table-scrollable">
                        <table class="table table-hover">
                            {!! Form::open(['route'=>"admin.accessories.index",'method'=>"get"]) !!}
                            <thead>
                            <tr>
                                <td colspan="7">
                                    {!! $accessories->appends($appends)->links()!!}
                                </td>
                                @if(request()->has('is_hidden'))
                                    <td colspan="4">
                                        <span class="">Stock Status</span>
                                        {!! Form::select("is_hidden",["hidden_with_stock"=>"Hidden With Stock","hidden_without_stock"=>"All Hidden"],Request::get("is_hidden",null),['class'=>"form-filter input-sm form-control"])!!}
                                    </td>
                                    <td>
                                        <span> *</span>
                                        <button
                                            class=" form-filter input-sm form-control btn btn-sm btn-success filter-submit">
                                            <i class="fa fa-search"></i> filter
                                        </button>
                                    </td>
                                @endif
                            </tr>

                            <tr>
                                <th> @lang("constants.code") </th>
                                <th> @lang("constants.name") </th>
                                <th> @lang("Main Category") </th>
                                <th> Category</th>
                                <th> @lang("constants.price") </th>
                                <th> @lang("constants.brand") </th>
                                <th class="text-center"> @lang("constants.is_active") </th>
                                <th class="text-center"> Category <br>Featured</th>
                                <th class="text-center"> Home <br> Featured</th>
{{--                                <th class="text-center"> Locked</th>--}}
                                <th class="text-center"> Special <br> Order</th>
                                <th class="text-center"> Can Laser</th>
                                <th> @lang("constants.options") </th>
                            </tr>
                            <tr>
                                <td>
                                    {{Form::text("code",Request::get("code",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">
                                    {!! Form::select("main_category",$mainCategory,Request::get("main_category",null),['class'=>"form-filter input-sm form-control","placeholder"=>"Select Main Category"])!!}
                                </td>
                                <td>
                                    {!! Form::select("category",$categories,Request::get("category",null),['class'=>"form-filter input-sm form-control","placeholder"=>"Select Category"])!!}
                                </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>
                                    {!! 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("is_active",["active"=>"Active","not-active"=>"Not Active"],Request::get("is_active",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("is_category_featured",["featured"=>"Category Featured","not-featured"=>"Not Category Featured"],Request::get("is_category_featured",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("is_home_featured",["featured"=>"Home Featured","not-featured"=>"Not Home Featured"],Request::get("is_home_featured",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("is_special_order",["special-order"=>"Special Order","not-special-order"=>"Not Special Orders"],Request::get("is_special_order",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>
                                {{--                                <td rowspan="1" colspan="1">--}}
                                {{--                                    {!! Form::select("is_locked",["locked"=>"Locked","not-locked"=>"Not Locked"],Request::get("is_locked",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}--}}

                                {{--                                </td>--}}
                                <td rowspan="1" colspan="1">
                                    {!! Form::select("can_laser",["can-laser"=>"Can Laser","no-laser"=>"Can't Laser"],Request::get("can_laser",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </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.accessories.index")}}"
                                       class="btn btn-sm btn-default filter-cancel">
                                        <i class="fa fa-times"></i> Reset</a>
                                </td>
                            </tr>

                            {!! Form::close() !!}
                            </thead>
                            <tbody>
                            @forelse($accessories as $item)
                                <tr>
                                    <td>
                                        {{$item->code}}
                                    </td>
                                    <td>
                                        {{$item->name}}
                                    </td>
                                    <td>
                                        @if(count($item->accessoryCategoryPivot)>0)
                                            <ul>
                                                @foreach(\App\facades\IHouseFacade::getCategoryTitle($item->accessoryCategoryPivot)??[] as $k=> $cat)
                                                    <li>
                                                        <a class="show-full-category text-primary" id="popover-alert"
                                                           data-trigger="hover" href="#" data-toggle="popover"
                                                           data-placement="left"
                                                           data-content="{{\App\facades\IHouseFacade::getFullSubCategory($cat)}}">{{$k}}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </td>
                                    <td>
                                        <ul>
                                            @foreach($item->accessory_categories as $category)
                                                <li>{{$category->title}}</li>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>
                                        {{$item->price}}
                                    </td>

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

                                    <td class="text-center" style="width: 10px">
                                        <a href="#" data-type="is_active" data-class="Accessory" data-id="{{$item->id}}"
                                           id="{{$item->id}}" class="attribute is-active">@if ($item->is_active)
                                                <i
                                                    class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i
                                                    class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif</a>
                                    </td>
                                    <td class="text-center" style="width: 10px">
                                        <a href="#" data-type="is_category_featured" data-class="Accessory"
                                           data-id="{{$item->id}}" id="{{$item->id}}"
                                           class="attribute is-category-featured">@if ($item->is_category_featured)
                                                <i
                                                    class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i
                                                    class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif</a>
                                    </td>
                                    <td class="text-center" style="width: 10px">
                                        <a href="#" data-type="is_home_featured" data-class="Accessory"
                                           data-id="{{$item->id}}" id="{{$item->id}}"
                                           class="attribute is-home-featured">@if ($item->is_home_featured)
                                                <i
                                                    class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i
                                                    class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif</a>
                                    </td>
                                    {{--                                    <td class="text-center" style="width: 10px">--}}
                                    {{--                                        <a href="#" data-type="is_locked" data-class="Accessory" data-id="{{$item->id}}"--}}
                                    {{--                                           id="{{$item->id}}" class="attribute is-locked">@if ($item->is_locked)--}}
                                    {{--                                                <i--}}
                                    {{--                                                    class="fa fa-check text-success fs15 pr5"></i>--}}
                                    {{--                                            @else--}}
                                    {{--                                                <i--}}
                                    {{--                                                    class="fa fa-times text-danger fs15 pr5">--}}
                                    {{--                                                </i>--}}
                                    {{--                                            @endif</a>--}}
                                    {{--                                        <hr>--}}
                                    {{--                                        @if(!$item->is_locked && request('is_locked')=='locked')--}}
                                    {{--                                            {{'locked by warehouse'}}--}}
                                    {{--                                        @endif--}}

                                    {{--                                        @if($item->colors()->where("is_locked",1)->get()->count()>0)--}}
                                    {{--                                            <br> Has Locked Colors--}}
                                    {{--                                        @endif--}}
                                    {{--                                    </td>--}}
                                    <td class="text-center" style="width: 10px">
                                        <a href="#" data-type="is_special_order" data-class="Accessory"
                                           data-id="{{$item->id}}" id="{{$item->id}}"
                                           class="attribute is_special_order">@if ($item->is_special_order)
                                                <i
                                                    class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i
                                                    class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif</a>
                                    </td>
                                    <td class="text-center" style="width: 10px">
                                        <a href="#" data-type="can_laser" data-class="Accessory" data-id="{{$item->id}}"
                                           id="{{$item->id}}" class="attribute can_laser_order">@if ($item->can_laser)
                                                <i class="fa fa-check text-success fs15 pr5"></i>
                                            @else
                                                <i
                                                    class="fa fa-times text-danger fs15 pr5"></i>
                                            @endif</a>
                                    </td>

                                    <td>
                                        <a href="{{route("admin.accessories.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>
                                        <a href="{{route("admin.accessories.clone",[$item->id,'page'=>Request::get("page")])}}"
                                           class="btn btn-outline btn-sm blue" title="Clone"><i class="fa fa-clone"></i>
                                            Clone</a>
                                        <a href="{{route("admin.model-images.index", $item->id)}}"
                                           class="btn btn-outline btn-sm green" title="Edit"><i
                                                class="icon-grid"></i> @lang("constants.images")</a>
                                        {{Form::open(['route'=>["admin.accessories.destroy",$item->id],'method'=>"delete"])}}
                                        <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="13">
                                    {!! $accessories->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).on('click', '.show-full-category', function (e) {
                e.preventDefault()
            })
            $('[data-toggle="popover"]').popover({
                // placement:'bottom',
                html: true,
                // trigger: 'hover',
                // placement: "auto"
            });
        });

        $("#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