@extends('backend.layouts.app')
@section('content')

<div class="row justify-content-center">
    <div class="col-md-12">
        <div class="card">

            @include('backend.inc/breadcrumbs', ['items' => ['Route Management: Route Creator Listing']])
            @include('backend.inc/route-tabs')

            <div class="card-body">
            
                <div class="b-routeFilter">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="b-field -content form-group">
                                <label>Origin</label>
                                <input type="text" name="filter_origin" class="b-field__input -id js-auto-complete-id-hidden">
                                <input type="text" name="filter_origin_name" class="b-field__input -content js-auto-complete-id" data-url="{{ route('mastersettings.cities') }}" data-min="2" data-type="code" autocomplete="off">
                            </div>
                            <div class="b-field -content form-group">
                                <label>Route Name</label>
                                <input type="text" name="filter_route" class="b-field__input -content js-auto-complete" data-url="{{ route('route-creator.get-routes') }}" data-min="1">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="b-field -content form-group">
                                <label>Destination</label>
                                <input type="text" name="filter_dest" class="b-field__input -id js-auto-complete-id-hidden">
                                <input type="text" name="filter_dest_name" class="b-field__input -content js-auto-complete-id" data-url="{{ route('mastersettings.cities') }}" data-min="2" data-type="code" autocomplete="off">
                            </div>
    
                            <div class="b-field -content form-group">
                                <label>Operator</label>
                                {!! Form::select('filter_operators', $operators , 0, ['class' => 'b-field__select js-select form-control', 'multiple' => 'multiple']) !!}
                            </div>
                        </div>

                    </div>
                    <div class="pb-4">
                        @include('backend.inc.input.checkbox', [
                                 'name' => 'filter_inactive',
                                 'title' => 'Hide Inactive Routes',
                             ])
                    </div>
                    
                    <div class="b-routeFilter__bottom mt-4 pb-4">

                        <div class="">
                            <button type="button" class="btn btn-primary -main-color -min-w-140 mb-2 js-filter-apply">Search</button>
                            <button type="button" class="btn btn-primary -main-color -border -min-w-140 mb-2 js-filter-reset">Reset</button>
                        </div>
                        <a href="{{ route('route-creator.create') }}" class="btn btn-primary -main-color -border -min-w-170">Create New Route</a>
                    </div>
                </div>
                
                <div class="js-custom-list" data-url="{{ route('route-creator.show', 0) }}">
                    @include('backend.route._list')
                </div>

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

@endsection