@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.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet"
      type="text/css"/>
<link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.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">Specs</span>
                </div>
                  <div class="actions">
                <a href="{{route("admin.specs.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>
                        {!! Form::open(['route'=>"admin.specs.index",'method'=>"get"]) !!}

                            <tr>
                                <td colspan="8">
                                    {!! $specs->appends($appends)->links()!!}
                                </td>
                            </tr>
                            <tr>
                                <th> Nickname </th>
                                <th> Listing Title </th>
                                <th> Short Title </th>
                                <th> Category </th>
                                <th> Is On Title </th>
                                <th> Is Listing </th>
                                <th> Is Tab </th>
                                <th> Is Active </th>
                                <th> Items </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("listing_title",Request::get("listing_title",NULL),['class'=>"form-control form-filter input-sm"])}}
                             </td>
                             <td>
                                 {{Form::text("short_title",Request::get("short_title",NULL),['class'=>"form-control form-filter input-sm"])}}
                             </td>
                             <td>
                                 {{Form::select("category",$categories,Request::get("category",NULL),["placeholder"=>"All Categories",'class'=>"select2 form-control form-filter input-sm"])}}
                             </td>
                            <td >
                                {!! Form::select("is_on_title",[1=>"On Title",0=>"Not On Title"],Request::get("is_on_title",NULL),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                            </td>
                            <td >
                                {!! Form::select("is_listing",["listing"=>"Listing","not-listing"=>"Not Listing"],Request::get("is_listing",NULL),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                            </td>
                            <td >
                                {!! Form::select("is_tab",["tab"=>"Tab","not-tab"=>"Not Tab"],Request::get("is_tab",NULL),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

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

                            {!! Form::close() !!}
                        </thead>
                        <thead>
                            <tr>
                                <th> Nickname </th>
                                <th> Listing Title </th>
                                <th> Short Title </th>
                                <th> Category </th>
                                <th class="text-center"> Is on Title </th>
                                <th class="text-center"> Is Listing </th>
                                <th class="text-center"> Is Tab </th>
                                <th class="text-center"> @lang("constants.is_active") </th>
                                <th width="20%" class="text-center">Items </th>
                                <th> @lang("constants.options") </th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($specs as $spec)
                            <tr>
                                <td>
                                    {{$spec->nickname}}
                                </td>
                                <td>
                                    {{$spec->title}}
                                </td>
                                <td>
                                    {{$spec->short_title}}
                                </td>
                                <td>
                                    {{$spec->spec_category->title}}- {{$spec->spec_category->nickname}}
                                </td>
                                <td>
                                    @if ($spec->spec_category->is_on_title) <i class="fa fa-check text-success fs15 pr5"></i> @else <i class="fa fa-times text-danger fs15 pr5"></i> @endif
                                </td>
                                <td>
                                    @if ($spec->spec_category->is_on_listing) <i class="fa fa-check text-success fs15 pr5"></i> @else <i class="fa fa-times text-danger fs15 pr5"></i> @endif
                                </td>
                                <td>
                                    @if ($spec->spec_category->is_tab) <i class="fa fa-check text-success fs15 pr5"></i> @else <i class="fa fa-times text-danger fs15 pr5"></i> @endif
                                </td>

                                 <td class="text-center">
                                    <a href="#" data-type="is_active" data-class="Spec" data-id="{{$spec->id}}" id="{{$spec->id}}" class="attribute is-active">@if ($spec->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>
                                    <ul>
                                    @foreach($spec->items as $item)
                                        <li>{{$item->nickname}}</li>
                                    @endforeach
                                    </ul>
                                </td>

                                <td>
                                    {{Form::open(['route'=>["admin.specs.destroy",$spec->id],'method'=>"delete"])}}
                                    <a href="{{route("admin.specs.edit",$spec->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">
                                    {!! $specs->links()!!}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </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 src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/js/select2.full.min.js"
                type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function () {

                $.fn.select2.defaults.set("theme", "bootstrap");
                $(".select2, .select2-multiple").select2({
                    width: null
                });

                $('#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>
@include("admin.layouts.update_attribute")
@endsection