@extends('master.index')

@php


    use Illuminate\Support\Facades\Route;

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



@endphp

@section('header')

@endsection


@section('title')
    Order
@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('order.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="" style="text-align: center!important;">
                                @include('master.table_sortable_header', ['current_column' => "id",
                                                                   'current_title' => __('messages.id'),
                                                                   'current_route' => route($current_route)])
                            </th>

                            <th class="" style="text-align: center!important;">
                                @include('master.table_sortable_header', ['current_column' => "order_id",
                                                                   'current_title' => "Order ID",
                                                                   'current_route' => route($current_route)])
                            </th>



                            <th class="" style="text-align: center!important;">
                                @include('master.table_sortable_header', ['current_column' => "start_count",
                                                                   'current_title' => "Start Count",
                                                                   'current_route' => route($current_route)])
                            </th>


                            <th class="" style="text-align: center!important;">
                                @include('master.table_sortable_header', ['current_column' => "charge",
                                                                   'current_title' => "Charge",
                                                                   'current_route' => route($current_route)])
                            </th>

                            <th class="" style="text-align: center!important;">
                                @include('master.table_sortable_header', ['current_column' => "remains",
                                                                   'current_title' => "Remains",
                                                                   'current_route' => route($current_route)])
                            </th>



                            <th style="text-align: center!important;">User</th>
                            <th style="text-align: center!important;">Service</th>

                        </tr>
                        </thead>
                        <tbody>

                        @foreach ($orders as $key=>$order)
                            <tr>

                                <td style="text-align: center">{{ $orders->firstItem() + $key }}</td>
                                <td style="text-align: center">{{$order->id}}</td>
                                <td style="text-align: center">{{$order->order_id}}</td>
                                <td style="text-align: center">{{$order->start_count}}</td>
                                <td style="text-align: center">{{$order->quantity}}</td>
                                <td style="text-align: center">{{$order->charge}}</td>
                                <td style="text-align: center">{{$order->remains}}</td>
                                <td style="text-align: center">{{$order->service->title}}</td>


                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                    <!-- datatable ends -->
                    </form>
                    @if(method_exists($orders,'links'))
                        {{$orders->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