@extends('master.index')

@php


    use Illuminate\Support\Facades\Route;

    $params = Request::all();
    $permission_class_name = "Tutorial";
    $current_route = Route::currentRouteName();



@endphp

@section('header')

@endsection


@section('title')
    Tutorial
@endsection


@section('content')
    <section class="users-list-wrapper section">
        <div class="users-list-filter">
            <div class="card-panel">
                <form  id="list_form" action="{{route($current_route)}}" method="get" >

                    @foreach ($params as $key=>$value)
                        @if($key=="sort_mode" || $key=="sort_column")
                            <input  type="hidden"  name="{{$key}}" value="{{$value}}"/>
                        @endif
                    @endforeach


                    <div class="row">

                        <div class="col s12 m4">

                            <div class="input-field">
                                <input placeholder="{{__("messages.search")}}" id="filter_search" type="text" name="filter_search" value="{{ Request::get('filter_search')}}" class="validate">
                                <label for="filter_search">{{__("messages.search")}}</label>
                            </div>
                        </div>



                        <div class="col s12 m4">

                            <div class="input-field">
                                <select class="form-control" id="filter_state" name="filter_state">
                                    <option value="">{{__('messages.all')}}</option>
                                    <option @if(Request::get('filter_state')==\App\PublishState::publish) selected @endif value="{{\App\PublishState::publish}}">{{\App\PublishState::get_name(\App\PublishState::publish)}}</option>
                                    <option @if(Request::get('filter_state')==\App\PublishState::draft) selected @endif value="{{\App\PublishState::draft}}">{{\App\PublishState::get_name(\App\PublishState::draft)}}</option>


                                </select>
                                <label for="users-list-status">{{__('messages.state')}}</label>
                            </div>
                        </div>
                        <div class="col s12 m2"></div>
                        <div class="col s12 m2">
                            <button style="margin-top: 15px !important;" type="submit" class="btn btn-block indigo waves-effect waves-light">Show</button>
                        </div>

                    </div>






                </form>
            </div>
        </div>

        <div class="users-list-table">
            <div class="card">
                <div class="card-content">
                    <!-- datatable start -->
                    <form  id="list_form" action="{{route('tutorial.action')}}" method="POST" >
                        @csrf

                    <div class="row">

                        <div class="col s12 m6 l8">
                        </div>
                        <div class="col s12 m6 l2">
                            <a style="margin-top: 20px !important;" href="#action_modal" class="btn btn-block indigo waves-effect waves-light  modal-trigger">{{__('messages.apply')}}</a>
                        </div>
                        <div class="col s12 m6 l2">
                            <div class="input-field">
                                <select class="form-control" id="list_action_name" name="list_action_name">
                                    <option value="">{{__('messages.bulk_actions')}}</option>
                                    <option value="draft">{{\App\PublishState::get_name(\App\PublishState::draft)}}</option>
                                    <option value="publish">{{\App\PublishState::get_name(\App\PublishState::publish)}}</option>

                                </select>
                            </div>
                        </div>



                        <div id="action_modal" class="modal">
                            <div class="modal-content">
                                <h4 style="color: #dd4a68">{{__('messages.warning')}}</h4>
                                <p><b>{{__('messages.list_action_warning')}}</b></p>
                            </div>
                            <div class="modal-footer">
                                <a href="#" class="modal-action modal-close waves-effect waves-red btn-flat ">{{__('messages.cancel')}}</a>
                                <button  type="submit" style="color: #dd4a68" href="" class="modal-action modal-close waves-effect waves-green btn-flat "><b>{{__('messages.confirm')}}</b></button>
                            </div>
                        </div>

                    </div>


                    <table class="responsive-table">
                        <form></form>
                        <thead>
                        <tr>
                            <th>{{__('messages.row')}}</th>
                            <th class="">
                                @include('master.table_sortable_header', ['current_column' => "id",
                                                                   'current_title' => __('messages.id'),
                                                                   'current_route' => route($current_route)])
                            </th>


                            <th class="">
                                @include('master.table_sortable_header', ['current_column' => "title",
                                                                   'current_title' => "Title",
                                                                   'current_route' => route($current_route)])
                            </th>


                            <th class="">
                                @include('master.table_sortable_header', ['current_column' => "sort",
                                                                   'current_title' => "Sort",
                                                                   'current_route' => route($current_route)])
                            </th>







                            <th>
                                @include('master.table_sortable_header', ['current_column' => "state",
                                                                   'current_title' => __('messages.state'),
                                                                   'current_route' => route($current_route)])
                            </th>


                            <th>{{__('messages.delete')}}</th>
                            <th>
                                &nbsp;&nbsp;
                                <label >
                                    <input id="action_checkbox-all" name="action_checkbox[]"  value="-1"  type="checkbox" />
                                    <span style="margin-top: 7px;"></span>
                                </label>
                                &nbsp;&nbsp;
                            </th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach ($tutorials as $key=>$tutorial)
                            <tr>

                                <td>{{ $tutorials->firstItem() + $key }}</td>
                                <td>{{$tutorial->id}}</td>
                                <td><a href="{{route('tutorial.edit',$tutorial)}}">{{$tutorial->title}}</a></td>
                                <td>{{$tutorial->sort}}</td>



                                <td>
                                    @if($tutorial->state ==\App\PublishState::publish)
                                        <span class="chip green lighten-5"><span class="green-text">{{\App\PublishState::get_name($tutorial->state)}}</span>
                                    @elseif($tutorial->state ==\App\PublishState::draft)
                                        <span class="chip orange lighten-5"><span class="orange-text">{{\App\PublishState::get_name($tutorial->state)}}</span>
                                    @endif
                                </td>


                                <td>
                                    <a class="modal-trigger" href="#delete_modal{{$tutorial->id}}"><i class="material-icons">delete</i></a>


                                    <div id="delete_modal{{$tutorial->id}}" class="modal">
                                        <div class="modal-content">
                                            <h4 style="color: #dd4a68">{{__('messages.delete')}}</h4>
                                            <p><b>{{__('messages.delete_desc')}}&nbsp;?</b></p>
                                        </div>
                                        <div class="modal-footer">
                                            <a href="#" class="modal-action modal-close waves-effect waves-red btn-flat ">{{__('messages.cancel')}}</a>
                                            <a style="color: #dd4a68" href="{{route('tutorial.destroy',$tutorial->id)}}" class="modal-action modal-close waves-effect waves-green btn-flat "><b>{{__('messages.confirm')}}</b></a>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <label >
                                        <input id="action_checkbox-{{$tutorial->id}}" name="action_checkbox[]" value="{{$tutorial->id}}"  type="checkbox" />
                                        <span style="margin-top: 7px;"></span>
                                    </label>
                                </td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                    <!-- datatable ends -->
                    </form>
                    @if(method_exists($tutorials,'links'))
                        {{$tutorials->links('master.pagination')}}
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection






@section('scripts')


    <script type="text/javascript">
        var slider = document.getElementById('material_slider');
        noUiSlider.create(slider, {
            start: [$('#filter_age_start').val(), $('#filter_age_end').val()],
            connect: true,
            step: 1,
            orientation: 'horizontal', // 'horizontal' or 'vertical'
            range: {
                'min': 0,
                'max': 100
            },
            format: wNumb({
                decimals: 0
            })
        });

        $('#material_slider')[0].noUiSlider.on('change',function(v,handle){
            $('#filter_age_temp').val(v[0]+' - '+v[1]);
            $('#filter_age_start').val(v[0]);
            $('#filter_age_end').val(v[1]);
        })
    </script>
@endsection