@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"/>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css"
        rel="stylesheet"
        type="text/css"/>
    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jstree/dist/themes/default/style.min.css"
        rel="stylesheet"
        type="text/css"/>
    <link
        href="{{ asset('css/custom_style.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 font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">Warehouse Compare</span>
                    </div>
                </div>
                <ul class="nav nav-tabs">
                    <li class="active" data-tab="item"><a data-toggle="tab" href="#item">Item</a></li>
                    <li data-tab="accessory"><a data-toggle="tab" href="#accessory">Accessory</a></li>
                    <li data-tab="used"><a data-toggle="tab" href="#used">Used</a></li>
                </ul>
                <div class="tab-content">
                    <div id="item" class="tab-pane fade in active">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-4">

                                </div>
                                {!! Form::open(['url'=>route("admin.compare-branch.index").'#item','method'=>"get",'type'=>'item']) !!}

                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-4">
                                            @if((request()->input('wh1-item')||request()->input('wh2-item'))&&request()->input('type','item')=='item')
                                                <button type="submit" name="export_item" value="true"
                                                        class="btn btn-sm btn-block btn-default filter-submit margin-bottom">
                                                    <i class="fa fa-file-excel-o"></i> Export (Compare Items)
                                                </button>
                                            @endif

                                        </div>
                                        <div class="col-md-8">
                                            <div class="col-md-5">
                                                <label class="control-label">الفرع الاول</label>
                                                {{Form::select("wh1-item",\App\facades\IHouseFacade::getWarehousesNameIds(),Request::input("wh1-item",null),['placeholder'=>'اختر الفرع الاول','class'=>'form-control select-has-placeholder'])}}

                                                <div class="margin-bottom-5">
                                                    {{Form::select("wh1-operator-item" ,['=='=>'يساوي','>'=>'اكبر','<'=>'اصغر'],Request::input("wh1-operator-item",null),['class'=>"form-control form-filter input-sm"])}}
                                                </div>
                                                {{Form::number("wh1-stock-item",Request::input("wh1-stock-item",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"choose Qt"])}}

                                            </div>
                                            <div class="col-md-5">
                                                <label class="control-label">الفرع الثاني</label>
                                                {{Form::select("wh2-item",\App\facades\IHouseFacade::getWarehousesNameIds(),Request::input("wh2-item",null),['placeholder'=>'اختر الفرع الثاني','class'=>'form-control select-has-placeholder'])}}

                                                <div class="margin-bottom-5">
                                                    {{Form::select("wh2-operator-item" ,['=='=>'يساوي','>'=>'اكبر','<'=>'اصغر'],Request::input("wh2-operator-item",null),['class'=>"form-control form-filter input-sm"])}}
                                                </div>
                                                {{Form::number("wh2-stock-item",Request::input("wh2-stock-item",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"choose Qt"])}}
                                            </div>
                                            <div class="col-md-2 ">
                                                <label class="control-label">Is Active</label>
                                                {{Form::select("active-item",['active' => 'active' , 'all'=>'all' ],Request::get("active-item",'active'),['class'=>"form-control form-filter input-sm margin-bottom-5"])}}

                                                <div class="mt-5">
                                                    <div class="margin-bottom-5">
                                                        <button class="btn btn-sm btn-success filter-submit">
                                                            <i class="fa fa-search"></i> Search
                                                        </button>
                                                    </div>

                                                    <a href="{{route("admin.compare-branch.index").'#item'}}"
                                                       class="btn btn-sm btn-default filter-cancel">
                                                        <i class="fa fa-times"></i> Reset</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="portlet-body form">
                            <div class="form-body">
                                <div class="table-scrollable">
                                    <table class="table table-hover">
                                        <thead>
                                        <tr>
                                            <td colspan="8">
                                                {!! $itemColors->withQueryString()->links()!!}
                                            </td>
                                        </tr>
                                        <tr>
{{--                                            <th> Visible </th>--}}
                                            <th> Image </th>
                                            <th> category </th>
                                            <th > Name </th>
                                            <th >  Code</th>
                                            <th> Color </th>
                                            @if(request()->input('wh1-item')&&request()->input('type','item')=='item')
                                                <th >الفرع الاول</th>
                                            @endif
                                            @if(request()->input('wh2-item')&&request()->input('type','item')=='item')
                                                <th >الفرع الثاني</th>
                                            @endif
                                            <th>option </th>
                                        </tr>
                                        <tr>
                                            {{ Form::hidden('type','item') }}

{{--                                            <td>--}}
{{--                                                {{Form::select("visible",['visible'=>'yes','not-visible'=>'no'],Request::get("visible",null),['class'=>"form-control form-filter input-sm"])}}--}}
{{--                                            </td>--}}
                                            <td>
                                            </td>
                                            <td rowspan="1" colspan="1">
                                                <div class="margin-bottom-5">

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

                                            <td>

                                                {{Form::text("item_name",Request::get("item_name",null),['class'=>"form-control form-filter input-sm"])}}
                                            </td>
                                            <td>
                                                {{Form::text("item_code",Request::get("item_code",null),['class'=>"form-control form-filter input-sm"])}}
                                            </td>
                                            <td width="20%">
                                                <select class="js-example-basic-single" name="item_color_id" data-placeholder="Select a color">
                                                    <option value="" disabled selected>Select a color</option>
                                                    @foreach(\App\Models\Color::query()->where('is_active', true)->where('is_published', true)->get() as $color)
                                                        <option value="{{ $color->id }}" {{ request()->input('item_color_id') == $color->id ? 'selected' : '' }}>
                                                            {{ $color->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>

                                            @if(request()->input('wh1-item') &&request()->input('type','item')=='item')
                                                <td>
                                                    {{\App\Models\Warehouse::query()->where('id',request()->input('wh1-item'))->first()->title}}
                                                </td>
                                            @endif
                                            @if(request()->input('wh2-item')&&request()->input('type','item')=='item')
                                                <td>
                                                    {{\App\Models\Warehouse::query()->where('id',request()->input('wh2-item'))->first()->title}}
                                                </td>
                                            @endif
                                           <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.compare-branch.index").'#item'}}"
                                                   class="btn btn-sm btn-default filter-cancel">
                                                    <i class="fa fa-times"></i> Reset</a>
                                            </td>
                                        </tr>

                                        {!! Form::close() !!}

                                        </thead>
                                        <tbody>
                                        @forelse($itemColors as $key => $itemColor)
                                             <tr>
{{--                                                    <td>--}}
{{--                                                        {{$itemColor->item->is_active ??''}}--}}
{{--                                                    </td>--}}
                                                    <td>
                                                        <img src="{{ isset($itemColor->image_default) ? url("https://cdn.ihouse.ps/{$itemColor->image_default}") : '' }}"
                                                             alt="img" class="image-icon-block" style="height: 50px;width: 50px">
                                                    </td>
                                                    <td>
                                                      {{optional(optional(optional($itemColor->item)->category)->main_category)->title}}
                                                    </td>
                                                     <td >
                                                         @if($itemColor->item->is_active)
                                                             {!!
                                                          IHouse::wrapHtmlElementWithLink(
                                                            optional($itemColor->item)->nickname,
                                                               \IHouse::getModelLink($itemColor->item,$itemColor),
                                                                   )
                                                            !!}
                                                         @else
                                                             {{optional($itemColor->item)->nickname??'-'}}
                                                         @endif
                                                     </td>

                                                     <td>
{{--                                                         @if($itemColor->item->is_active)--}}
{{--                                                             <a href="{{route('admin.items.edit',['item'=>$itemColor->item->id])}}" target="_blank">{{$itemColor->code??'-'}}</a>--}}
{{--                                                         @else--}}
                                                             {{$itemColor->code??'-'}}
{{--                                                         @endif--}}
                                                     </td>
                                                    <td>
                                                        {{ $itemColor->color->name??'-' }}
                                                    </td>
                                                 @if(request()->input('wh1-item')&&request()->input('type','item')=='item')
                                                     <td>
                                                         {{$itemColor->warehouse_item_color->where('warehouse_id',request()->input('wh1-item'))->first()->stock}}
                                                     </td>
                                                 @endif
                                                 @if(request()->input('wh2-item')&&request()->input('type','item')=='item')
                                                     <td>
                                                         {{$itemColor->warehouse_item_color->where('warehouse_id',request()->input('wh2-item'))->first()->stock}}

                                                     </td>
                                                 @endif

                                                    <td>
                                                        <a href="{{route('admin.items.edit',['item'=>$itemColor->item->id])}}"
                                                           class="btn btn-outline btn-sm purple" title="Edit"><i
                                                                class="fa fa-edit"></i> @lang("constants.edit")</a>

                                                        <a href="#" class="btn btn-primary" data-toggle="modal"
                                                           data-target="#note-modal-{{$itemColor->item->id}}">
                                                            Stock Details</a>


                                                        <div class="modal fade" id="note-modal-{{$itemColor->item->id}}" data-keyboard="false"
                                                             tabindex="-1"
                                                             aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                                             <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h3 class="modal-title">{{$itemColor->item->nickname}}</h3>
                                                                        <button type="button" class="close" data-dismiss="modal"
                                                                                aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">

                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="portlet-body">
                                                                                    <div class="table-scrollable">
                                                                                        <table class="table table-hover">
                                                                                            <thead>
                                                                                            <tr>
                                                                                                <th> color name </th>
                                                                                                <th> color code  </th>
                                                                                                @foreach(\App\facades\IHouseFacade::getWarehouses() as  $value)
                                                                                                   <th>{{$value->title}}</th>
                                                                                                @endforeach
                                                                                                <td>{{'Total Stock '}}</td>

                                                                                            </tr>
                                                                                            </thead>
                                                                                            <tbody>
                                                                                            @forelse(\App\facades\IHouseFacade::getItemColors($itemColor->item->id) as  $value)

                                                                                                <tr>
                                                                                                    <td>{{$value->color->name}}</td>
                                                                                                    <td>{{$value->code}}</td>
                                                                                                    @foreach(\App\facades\IHouseFacade::getWarehouses() as $key=> $warehouse)
                                                                                                        <th>{{optional($value->warehouse_item_color[$key]??[])->stock??'-'}}</th>
                                                                                                    @endforeach
                                                                                                    <td>{{$value->warehouse_item_color->sum('stock')}}</td>
                                                                                                </tr>
                                                                                            @empty
                                                                                            @endforelse
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                        @empty
                                        @endforelse

                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td colspan="8">
                                                {!! $itemColors->withQueryString()->links()!!}
                                            </td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="accessory" class="tab-pane fade in">
                        <div class="row">
                            {!! Form::open(['url'=>route("admin.compare-branch.index").'#accessory','method'=>"get",'type'=>'accessory']) !!}
                            <div class="col-md-12">
                                <div class="col-md-4">

                                </div>

                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-4">
                                            @if((request()->input('wh1')||request()->input('wh2'))&&request()->input('type')=='accessory')
                                                <button type="submit" name="export_accessory" value="true"
                                                        class="btn btn-sm btn-block btn-default filter-submit margin-bottom">
                                                    <i class="fa fa-file-excel-o"></i> Export (Compare Accessory)
                                                </button>
                                            @endif
                                        </div>
                                        <div class="col-md-8">
                                            <div class="col-md-5">
                                                <label class="control-label">الفرع الاول</label>
                                                {{Form::select("wh1",\App\facades\IHouseFacade::getWarehousesNameIds(),Request::input("wh1",null),['placeholder'=>'اختر الفرع الاول','class'=>'form-control select-has-placeholder'])}}

                                                <div class="margin-bottom-5">
                                                    {{Form::select("wh1-operator" ,['=='=>'يساوي','>'=>'اكبر','<'=>'اصغر'],Request::input("wh1-operator",null),['class'=>"form-control form-filter input-sm"])}}
                                                </div>
                                                {{Form::number("wh1-stock",Request::input("wh1-stock",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"choose Qt"])}}

                                            </div>
                                            <div class="col-md-5">
                                                <label class="control-label">الفرع الثاني</label>
                                                {{Form::select("wh2",\App\facades\IHouseFacade::getWarehousesNameIds(),Request::input("wh2",null),['placeholder'=>'اختر الفرع الثاني','class'=>'form-control select-has-placeholder'])}}

                                                <div class="margin-bottom-5">
                                                    {{Form::select("wh2-operator" ,['=='=>'يساوي','>'=>'اكبر','<'=>'اصغر'],Request::input("wh2-operator",null),['class'=>"form-control form-filter input-sm"])}}
                                                </div>
                                                {{Form::number("wh2-stock",Request::input("wh2-stock",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"choose Qt"])}}
                                            </div>
                                            <div class="col-md-2">
                                                <label class="control-label">Is Active</label>
                                                {{Form::select("active",['active' => 'active' , 'all'=>'all' ],Request::get("active",'active'),['class'=>"form-control form-filter input-sm margin-bottom-5"])}}

                                                <div class="">
                                                    <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.compare-branch.index").'#accessory'}}"
                                                       class="btn btn-sm btn-default filter-cancel">
                                                        <i class="fa fa-times"></i> Reset</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="portlet-body form">
                                <div class="form-body">
                                    <div class="table-scrollable">
                                        <table class="table table-hover">
                                            <thead>
                                            <tr>
                                                <td colspan="8">
                                                    {!! $accessoryColors->withQueryString()->links()!!}
                                                </td>
                                            </tr>
                                            <tr>
{{--                                                <th> Visible </th>--}}
                                                <th> Image </th>
                                                <th> category </th>
                                                <th > Name </th>
                                                <th >  Code</th>
                                                <th> Color </th>
                                                @if(request()->input('wh1')&&request()->input('type')=='accessory')
                                                    <th >الفرع الاول</th>
                                                @endif
                                                @if(request()->input('wh2')&&request()->input('type')=='accessory')
                                                    <th >الفرع الثاني</th>
                                                @endif
                                                <th>option </th>
                                            </tr>
                                            <tr>
                                                {{ Form::hidden('type','accessory') }}

{{--                                                <td>--}}
{{--                                                    {{Form::select("visible",['visible'=>'yes','not-visible'=>'no'],Request::get("visible",null),['class'=>"form-control form-filter input-sm"])}}--}}
{{--                                                </td>--}}
                                                <td>
                                                </td>
                                                <td>
                                                    {!! Form::select("category",\App\Models\AccessoryCategory::pluck("title", "id"),Request::get("category",NULL),["id"=>"categories",'class'=>"form-filter input-sm form-control","placeholder"=>"Select Category"])!!}
                                                </td>
                                                <td>

                                                    {{Form::text("name",Request::get("name",null),['class'=>"form-control form-filter input-sm"])}}
                                                </td>
                                                <td>
                                                    {{Form::text("code",Request::get("code",null),['class'=>"form-control form-filter input-sm"])}}
                                                </td>
                                                <td width="20%">
                                                    <select class="js-example-basic-single" name="color_id" data-placeholder="Select a color">
                                                        <option value="" disabled selected>Select a color</option>
                                                        @foreach(\App\Models\Color::query()->where('is_active', true)->where('is_published', true)->get() as $color)
                                                            <option value="{{ $color->id }}" {{ request()->input('color_id') == $color->id ? 'selected' : '' }}>
                                                                {{ $color->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                            @if(request()->input('wh1')&&request()->input('type')=='accessory')
                                                    <td>
                                                        {{\App\Models\Warehouse::query()->where('id',request()->input('wh1'))->first()->title}}
                                                    </td>
                                                @endif
                                                @if(request()->input('wh2')&&request()->input('type')=='accessory')
                                                    <td>
                                                        {{\App\Models\Warehouse::query()->where('id',request()->input('wh2'))->first()->title}}
                                                    </td>
                                                @endif
                                                <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.compare-branch.index").'#accessory'}}"
                                                       class="btn btn-sm btn-default filter-cancel">
                                                        <i class="fa fa-times"></i> Reset</a>
                                                </td>
                                            </tr>

                                            {!! Form::close() !!}

                                            </thead>

                                            <tbody>
                                            @forelse($accessoryColors as $itemColor)

                                                <tr>
{{--                                                    <td>--}}
{{--                                                        {{$itemColor->accessory->is_active??'-'}}--}}
{{--                                                    </td>--}}

                                                    <td>
                                                        <img src="{{ isset($itemColor->image_default) ? url("https://cdn.ihouse.ps/{$itemColor->image_default}") : '' }}"
                                                             alt="img" class="image-icon-block" style="height: 50px;width: 50px">
                                                    </td>
                                                    <td>
{{--                                                        {{dd($itemColor->accessory->accessory_categories)}}--}}
                                                        <ul>
                                                            @foreach($itemColor->accessory->accessory_categories??[] as $category)
                                                                <li>{{$category->title}}</li>
                                                            @endforeach
                                                        </ul>
                                                    </td>
                                                    <td >
                                                        @if($itemColor->accessory->is_active)
                                                            {!!
                                                          IHouse::wrapHtmlElementWithLink(
                                                            optional($itemColor->accessory)->name,
                                                               \IHouse::getModelLink($itemColor->accessory,$itemColor),
                                                                   )
                                                            !!}
                                                        @else
                                                            {{optional($itemColor->accessory)->name??'-'}}
                                                        @endif
                                                    </td>

                                                    <td>
                                                        {{$itemColor->code??'-'}}

                                                    </td>

                                                    <td>
                                                        {{optional($itemColor->color)->name}}
                                                    </td>

                                                    @if(request()->input('wh1')&&request()->input('type')=='accessory')

                                                        <td>
                                                            {{$itemColor->warehouse_accessory_color->where('warehouse_id',request()->input('wh1'))->first()->stock}}
                                                        </td>
                                                    @endif
                                                    @if(request()->input('wh2')&&request()->input('type')=='accessory')
                                                        <td>
                                                            {{$itemColor->warehouse_accessory_color->where('warehouse_id',request()->input('wh2'))->first()->stock}}

                                                        </td>
                                                    @endif
                                                    <td>
                                                        <a href="{{route('admin.accessories.edit',['accessory'=>$itemColor->accessory->id])}}"
                                                           class="btn btn-outline btn-sm purple" title="Edit"><i
                                                                class="fa fa-edit"></i> @lang("constants.edit")</a>

                                                        <a href="#" class="btn btn-primary" data-toggle="modal"
                                                           data-target="#note-modal-{{$itemColor->accessory->id}}">
                                                            Stock Details</a>


                                                        <div class="modal fade" id="note-modal-{{$itemColor->accessory->id}}" data-keyboard="false"
                                                             tabindex="-1"
                                                             aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-lg">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h3 class="modal-title">{{$itemColor->accessory->name}}</h3>
                                                                        <button type="button" class="close" data-dismiss="modal"
                                                                                aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">

                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="portlet-body">
                                                                                    <div class="table-scrollable">
                                                                                        <table class="table table-hover">
                                                                                            <thead>
                                                                                            <tr>
                                                                                                <th> color name </th>
                                                                                                <th> color code  </th>
                                                                                                @foreach(\App\facades\IHouseFacade::getWarehouses() as $i => $value)
                                                                                                    <th>{{$value->title}}</th>
                                                                                                @endforeach
                                                                                                <th>Stock Total</th>
                                                                                            </tr>
                                                                                            </thead>
                                                                                            <tbody>
                                                                                            @forelse(\App\facades\IHouseFacade::getAccessoryColors($itemColor->accessory->id) as  $value)
                                                                                                <tr>
                                                                                                    <td>{{$value->color->name}}</td>
                                                                                                    <td>{{$value->code}}</td>
                                                                                                    @foreach(\App\facades\IHouseFacade::getWarehouses() as $key=> $warehouse)
                                                                                                        <th>{{optional($value->warehouse_accessory_color[$key]??[])->stock??'-'}}</th>
                                                                                                    @endforeach
                                                                                                    <td>{{$value->warehouse_accessory_color->sum('stock')}}</td>
                                                                                                </tr>
                                                                                            @empty
                                                                                            @endforelse

                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </td>
                                                </tr>
                                            @empty
                                            @endforelse
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <td colspan="8">
                                                    {!! $accessoryColors->withQueryString()->links()!!}
                                                </td>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                    </div>
                    <div id="used" class="tab-pane fade in">
                        <div class="portlet-body">
                            <div class="table-scrollable">
                                <table class="table table-hover">
                                    {!! Form::open(['url'=>route("admin.compare-branch.index").'#used','method'=>"get",'type'=>'used']) !!}
                                    <thead>
                                    <tr>
                                        <td colspan="8">
                                            {!! $usedItems->withQueryString()->links()!!}
                                        </td>
                                    </tr>
                                    <tr>
{{--                                        <th> Visible </th>--}}
                                        <th> Image </th>
                                        <th> Name </th>
                                        <th>  Code</th>
                                        <th>Warehouse</th>
                                        <th>Is Active</th>
                                        <th>Is Sold</th>

                                        <th>option </th>
                                    </tr>
                                    <tr>
{{--                                        <td>--}}
{{--                                            {{Form::select("visible_used",['visible'=>'yes','not-visible'=>'no'],Request::get("visible_used",null),['class'=>"form-control form-filter input-sm"])}}--}}
{{--                                        </td>--}}
                                        <td></td>
                                        <td>
                                            {{Form::text("used_name",Request::get("used_name",null),['class'=>"form-control form-filter input-sm"])}}
                                        </td>
                                        <td>
                                            {{Form::text("used_code",Request::get("used_code",null),['class'=>"form-control form-filter input-sm"])}}
                                        </td>


                                        <td rowspan="1" colspan="1">
                                            <div class="margin-bottom-5">
                                                {{Form::select("operation_used" ,['='=>'يساوي','>'=>'اكبر','<'=>'اصغر'],Request::input("operation_used",null),['class'=>"form-control form-filter input-sm"])}}
                                            </div>
                                            {{Form::number("used_stock",Request::get("used_stock",null),['class'=>"form-control form-filter input-sm",'placeholder'=>"To"])}}
                                        </td>
                                        <td rowspan="1" colspan="1">
                                            {!! Form::select("is_active_used",["active"=>"Active","not-active"=>"Not Active"],Request::get("is_active_used",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}
                                        </td>
                                        <td rowspan="1" colspan="1">
                                            {!! Form::select("is_sold",["sold"=>"Sold","not-sold"=>"Not Sold"],Request::get("is_sold",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.compare-branch.index").'#used'}}"
                                               class="btn btn-sm btn-default filter-cancel">
                                                <i class="fa fa-times"></i> Reset</a>
                                        </td>
                                    </tr>

                                    {!! Form::close() !!}
                                    </thead>
                                    <tbody>
                                    @forelse($usedItems as $item)
                                        <tr>
{{--                                            <td>--}}
{{--                                                {{$item->visible_used??'-'}}--}}
{{--                                            </td>--}}
                                            <td>
                                                @php
                                                    $main_image = $item->used_item_images()->where("is_base",1)->latest()->first();
                                                        if ($main_image) {
                                                        $image = url("https://cdn.ihouse.ps/" . (optional($main_image)->image ?: $main_image));
                                                        } else {
                                                        $image = $item->image;
                                                        }
                                                @endphp
                                                <img alt="img" style="height: 50px;width: 50px" src="{{ $image  }}">
                                            </td>
                                            <td>
                                                @if($item->is_active)
                                                    <a href="{{url('used-items/'.$item->id)}}" target="_blank"> {{$item->name??'-'}}</a>
                                                @else
                                                    {{$item->name??'-'}}
                                                @endif
                                            </td>
                                            <td>
                                                {{$item->code??'-'}}
                                            </td>

                                            <td>
                                                {{$item->stock??'-'}}
                                            </td>
                                            <td>
                                                {{$item->is_active?'yes':'no'}}
                                            </td>
                                            <td>
                                                {{$item->is_sold?'yes':'no'}}
                                            </td>


                                            <td>
                                                <a href="{{route("admin.used_items.edit",$item->id)}}"
                                                   class="btn btn-outline btn-sm purple" title="Edit"><i
                                                        class="fa fa-edit"></i> @lang("constants.edit")</a>

{{--                                                <a href="{{ route('admin.model-images.index', ['id' => $item->id, 'model' => 'used_items']) }}"--}}
{{--                                                   class="btn btn-outline btn-sm green">--}}
{{--                                                    <i class="fa fa-image"></i>--}}
{{--                                                    Images--}}
{{--                                                </a>--}}
                                            </td>
                                        </tr>
                                    @empty
                                    @endforelse
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <td colspan="8">
                                            {!! $usedItems->withQueryString()->links()!!}
                                        </td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')


    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    @include("admin.layouts.update_attribute")

    <script>
        // In your Javascript (external .js resource or <script> tag)
        $(document).ready(function() {
            $('.js-example-basic-single').select2({
                placeholder: 'Select an option',
                allowClear:true
            });
        });
        function initTabHash() {
            //init tabs hash
            let hash = window.location.hash;

            if (hash.length) {
                let hasURLParameters = hash.indexOf('?');//-1 if not exist
                let indexOfHash = hash.indexOf('#');

                if (hasURLParameters && hasURLParameters > indexOfHash) {
                    hash = _.split(hash, '?')[0];
                }

                let $element = $('ul.nav a[href="' + hash + '"]');

                if ($element.length > 0) {
                    $element.tab('show');
                    let scroll = $element.offset().top - 150;
                    $("html, body").animate({scrollTop: scroll});

                }
            }

            $('.nav-tabs a').on("click", function (e) {
                $(this).tab('show');
                changeHashWithoutScrolling(this.hash);
                appendHashToLinks();
            });
        }

        function changeHashWithoutScrolling(hash) {
            var id;
            var elem;

            id = hash.replace(/^.*#/, '');

            if (id) {
                elem = document.getElementById(id);

                if (elem) {
                    elem.id = id + '-tmp';
                    window.location.hash = hash;
                    elem.id = id;
                }
            }
        }

        function appendHashToLinks() {
            $('.pagination').each(function (element) {
                var hash = window.location.hash;
                var links = $(this).find('a');

                links.each(function (link) {
                    var href = $(this).attr('href');
                    href = href.replace('#item', '');
                    href = href.replace('#accessory', '');
                    href = href.replace('#used', '');
                    $(this).attr('href', href + hash);
                });
            });
        }

        $(function () {
            initTabHash();
            appendHashToLinks();
        })
        $(document).ready(function() {
            function updateUrl(tabName) {
                var baseUrl = window.location.href.split('?')[0];
                var newUrl = baseUrl + '?type=' + tabName;
                window.history.pushState({path:newUrl},'',newUrl);
            }

            // Event listener for tab clicks
            $('.nav-tabs li').click(function() {
                var tabName = $(this).data('tab');
                console.log(tabName)
                updateUrl(tabName);
            });
        });

        $(document).ready(function() {
            $("#categories").trigger('change');
        });
        $("#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();
                        $list.append('<option value=""> ' + 'Choose Sub Category' + ' </option>');

                        $.each(result,
                            function(i, item) {
                                var selected = (item['id'] == "{{ Request::get("item_sub_category") }}") ? 'selected' : '';
                                $list.append('<option value="' + item['id'] + '" ' + selected + '>' + item['title'] + '</option>');
                            });
                    },
                    error: function() {
                        alert("Something went wrong");
                    }
                });
            });

    </script>
@endsection