@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">Badges</span>
                    </div>
                    <div class="actions">
                        <a href="{{route("admin.badges.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> Image</th>
                                <th> @lang('constants.code') </th>
                                <th style="width:70%;"> @lang("constants.name") </th>
                                <th> Position</th>
                                <th> @lang('constants.is_active')</th>
                                <th> Show in Menu</th>
                                <th> @lang('constants.action')</th>
                            </tr>
                            </thead>
                            <tbody>
                            {!! Form::open(['route'=>"admin.badges.index",'method'=>"get"]) !!}
                            <tr>
                                <td></td>
                                <td>
                                    {{Form::text("code",Request::get("code",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>

                                <td>
                                    {{Form::text("title",Request::get("title",null),['class'=>"form-control form-filter input-sm"])}}
                                </td>
                                <td style="width: 15%">
                                    {{Form::select("position", ['top-left'=>"Top Left","top-right"=>"Top Right","bottom"=>"Bottom"],request('position',0), ['class'=>'form-control m-input',"placeholder"=>"All"])}}

                                </td>
                                <td style="width: 15%">
                                    {!! 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 style="width: 15%">
                                    {!! Form::select("show_in_menu",["yes"=>"Yes","no"=>"No"],Request::get("show_in_menu",null),['class'=>"form-filter input-sm form-control","placeholder"=>"All"])!!}

                                </td>

                                <td style="display: flex">
                                    <button type="submit" class="btn btn-sm btn-success filter-submit margin-bottom">
                                        <i class="fa fa-search"></i> Search
                                    </button>
                                    <a href="{{route("admin.badges.index")}}"
                                       class="btn btn-sm btn-info filter-submit margin-bottom">
                                        <i class="fa fa-refresh"></i> Reset</a>
                                </td>
                            </tr>

                            {!! Form::close() !!}
                            @forelse($badges as $badge)
                                <tr>
                                    <td>

                                        <img alt="Image"
                                             src="{{ url('https://cdn.ihouse.ps/' . $badge->image) }}"
                                             style="max-width: 100%;">
                                    </td>

                                    <td class="text-center">
                                        {{ $badge->code }}
                                    </td>

                                    <td>
                                        {{$badge->title}}
                                    </td>
                                    <td>
                                        {{$badge->position}}
                                    </td>

                                    <td class="text-center">
                                        <a href="#" data-type="is_active" data-class="Badge" data-id="{{$badge->id}}"
                                           id="{{$badge->id}}" class="attribute is-active">@if ($badge->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="show_in_menu" data-class="Badge" data-id="{{$badge->id}}"
                                           id="{{$badge->id}}" class="attribute show_in_menu">@if ($badge->show_in_menu)
                                                <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>
                                        {{Form::open(['route'=>["admin.badges.destroy",$badge->id],'method'=>"delete"])}}
                                        <a href="{{route("admin.badges.edit",$badge->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">
                                    {!! $badges->appends($appends)->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>
    @include("admin.layouts.update_attribute")
@endsection