@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-8">
            <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">Warehouses</span>
                    </div>
                    <div class="actions">
                        <a href="{{route("admin.warehouses.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">
                            <thead>
                            <tr>
                                <th> @lang("constants.title") </th>
                                <th> Nickname</th>
                                <th> Code</th>
                                <th class="text-center"> @lang("constants.is_active") </th>
                                <th class="text-center">Published</th>
{{--                                <th class="text-center">Is Online</th>--}}
                                <th class="text-center">Show In Filter</th>
{{--                                <th class="text-center">About-Us</th>--}}
                                <th style="width: 100%" class="text-center">TYPE</th>
                                <th> @lang("constants.options") </th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($warehouses as $warehouse)
                                <tr>

                                    <td>
                                        {{$warehouse->title}}
                                    </td>

                                    <td>
                                        {{$warehouse->nickname}}
                                    </td>
                                    <td>
                                        {{$warehouse->code}}
                                    </td>

                                    <td class="text-center">
                                        <a href="#" data-type="is_active" data-class="Warehouse"
                                           data-id="{{$warehouse->id}}" id="{{$warehouse->id}}"
                                           class="attribute is-active">@if ($warehouse->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">
                                        <a href="#" data-type="is_published" data-class="Warehouse"
                                           data-id="{{$warehouse->id}}" id="{{$warehouse->id}}"
                                           class="attribute is-published">@if ($warehouse->is_published) <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">--}}
{{--                                        <a href="#" data-type="is_online" data-class="Warehouse"--}}
{{--                                           data-id="{{$warehouse->id}}" id="{{$warehouse->id}}"--}}
{{--                                           class="attribute is-online">@if ($warehouse->is_online) <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">
                                        <a href="#" data-type="show_in_filter" data-class="Warehouse"
                                           data-id="{{$warehouse->id}}" id="{{$warehouse->id}}"
                                           class="attribute show-in-filter">@if ($warehouse->show_in_filter) <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">--}}
{{--                                        <a href="#" data-type="is_only_about_us" data-class="Warehouse"--}}
{{--                                           data-id="{{$warehouse->id}}" id="{{$warehouse->id}}"--}}
{{--                                           class="attribute is-only-about-us">@if ($warehouse->is_only_about_us) <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 style="width: 100%">
                                        {{Form::select("type",config('ihouse.warehouses_type'),$warehouse->type,['class'=>"select2 form-control w-auto",'placeholder'=>'Select Type', 'id'=>'updatetype','data-id'=>$warehouse->id])}}
                                    </td>
                                    <td>
                                        {{Form::open(['route'=>["admin.warehouses.destroy",$warehouse->id],'method'=>"delete"])}}
                                        <a href="{{route("admin.warehouses.edit",$warehouse->id)}}"
                                           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">
                                    {!! $warehouses->links()!!}
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <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">Warehouses</span>
                    </div>
                </div>
                <div class="portlet-body">
                    {{ Form::open(['route' => "admin.warehouses.order",'class'=>"form-horizontal"]) }}
                    {{ Form::hidden('reorder',"",array('id'=>'reorder')) }}
                    <div class="dd" id="list">
                        <ol class="dd-list">
                            @foreach ($items as $item)
                                <li data-id="{{$item['id']}}" class="dd-item dd3-item">
                                    <div class="dd-handle dd3-handle"></div>
                                    <div class="dd3-content">{{$item['title']}}</div>
                                    @if(count($item['childs']) > 0)
                                        <ol class="dd-list" style="">
                                            @foreach ($item['childs'] as $item2)
                                                <li data-id="{{$item2['id']}}" class="dd-item dd3-item">
                                                    <div class="dd-handle dd3-handle"></div>
                                                    <div class="dd3-content">{{$item2['title']}}</div>
                                                    @if(count($item2['childs']) > 0)
                                                        <ol class="dd-list" style="">
                                                            @foreach($item2['childs'] as $item3)
                                                                <li data-id="{{$item3['id']}}" class="dd-item dd3-item">
                                                                    <div class="dd-handle dd3-handle"></div>
                                                                    <div class="dd3-content">{{ $item3['title'] }}</div>
                                                                    @if(count($item3['childs']) > 0)
                                                                        <ol class="dd-list" style="">
                                                                            @foreach($item3['childs'] as $item4)
                                                                                <li data-id="{{$item4['id']}}"
                                                                                    class="dd-item dd3-item">
                                                                                    <div
                                                                                        class="dd-handle dd3-handle"></div>
                                                                                    <div
                                                                                        class="dd3-content">{{ $item4['title'] }}</div>
                                                                                </li>
                                                                            @endforeach
                                                                        </ol>
                                                                    @endif
                                                                </li>
                                                            @endforeach
                                                        </ol>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ol>
                                    @endif
                                </li>
                            @endforeach
                        </ol>
                    </div>
                </div>
                <div class="panel-footer">
                    {{ Form::submit('Update',array("class"=>"btn btn-primary btn-sm")) }}
                </div>
                {!! Form::close()!!}

            </div>
        </div>
        @endsection
        @section("scripts")
            <script
                src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/jquery-nestable/jquery.nestable.js"
                type="text/javascript"></script>
            <script type="text/javascript">
                $(document).ready(function () {
                    $('#list').nestable({maxDepth: 2});
                    update_out('#list', "#reorder");

                    $('#list').on('change', function () {
                        var out = $('#list').nestable('serialize');
                        $('#reorder').val(JSON.stringify(out));
                    });
                });
                function update_out(selector, sel2) {
                    var out = $(selector).nestable('serialize');
                    $(sel2).val(JSON.stringify(out));
                }
            </script>
            <script>
                $(document).on('change','#updatetype',function (e){
                    e.preventDefault()
                    let id = $(this).data('id')
                    let type = $(this).val()

                    $.ajax({
                        type: "POST",
                        url:'{{route('admin.warehouses.update-type')}}',
                        data: {
                            id:id,type:type
                        },
                        success: function (data) {
                            toastr["success"]("Position Updated Successfully");

                            toastr.options = {
                                "closeButton": true,
                                "debug": false,
                                "positionClass": "toast-top-right",
                                "onclick": null,
                                "showDuration": "1000",
                                "hideDuration": "1000",
                                "timeOut": "5000",
                                "extendedTimeOut": "1000",
                                "showEasing": "swing",
                                "hideEasing": "linear",
                                "showMethod": "fadeIn",
                                "hideMethod": "fadeOut"
                            }
                        }
                    });
                })
            </script>

    @include("admin.layouts.update_attribute")
@endsection