@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }}
            @if (Helper::checkAccess('station_table_add')) 
                <button type="button" class="clickbtncommon btn btn-primary btn-sm add " data-toggle="modal" data-target="#modal-default" data-id="" data-action="{{route('orderstypes.create')}}">
                    <i class="fa fa-plus-circle"></i> 
                    {{ __('lbl.add_new') }}
                </button>         
            @endif
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">
                <h3 class="box-title">{{ $title }}</h3>
                
            </div>
            <div class="box-body">
                <table class="table table-bordered" id="stationstable">
                    <thead>
                        <tr>
                            <th width="25%" class="text-left">{{ __('lbl.seat_number') }}</th>
                            <th width="8%" class="text-center">{{ __('lbl.color') }}</th>
                            <th width="8%" class="text-center">{{ __('lbl.sort') }}</th>
                            <th width="8%" class="text-left">{{ __('lbl.action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </section>
</div>
@if (Helper::checkAccess('station_table_add')) 
<div class="modal fade" id="modal-default">
    <div class="modal-dialog">
        {{ Form::open(["class"=>"form-horizontal", "method"=>"POST", "name" => "stationstableForm", "id" => "stationstableForm"]) }}
        <div class="modal-content">
            <div class="modal-header  box box-default" style="border-radius:0px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">
                    {{__('lbl.stationstable')}} {{__('lbl.add')}}/{{__('lbl.edit')}}
                </h4>
            </div>
            <div class="modal-body">
                <div class="box-body">
                    <div class="form-group required">
                        <label for="seat_number" class="col-sm-3 control-label">{{ __('lbl.seat_number') }}</label>
                        <div class="col-sm-8">
                            {{ Form::number('seat_number', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.seat_number'),"id"=>"seat_number"]) }}
                        </div>
                    </div>
                    <div class="form-group required">
                        <label for="color" class="col-sm-3 control-label">{{ __('lbl.color') }}</label>
                        <div class="col-sm-8">
                            {!! Form::colorlistSelect('color', '',["class"=>"form-control","id"=>"color"]) !!}
                                                    </div>
                    </div>
                    <div class="form-group required">
                        <label for="sort" class="col-sm-3 control-label">{{ __('lbl.sort') }}</label>
                        <div class="col-sm-8">
                            {{ Form::text('sort', '', ["class"=>"form-control mxlen_100","placeholder"=>__('lbl.sort'),"id"=>"sort"]) }}
                        </div>
                    </div>

                    <div class="form-group required">
                        <label for="station_id" class="col-sm-3 control-label">{{ __('lbl.stations') }}</label>
                        <div class="col-sm-8">
                            {{ Form::select('station_id[]', [], '',["multiple"=>"multiple","class"=>"form-control select2","id"=>"station_id"]) }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-md-6 pull-left">
                        <button type="submit" class="clickbtncommon btn btn-primary pull-left btn-sm"><i class="fa fa-save"></i> {{ __('lbl.save') }}</button>
                        <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" data-dismiss="modal"><i class="fa fa-backward"></i> {{ __('lbl.close') }}</button>
                    </div>
                </div>
                <div id="errorLog" class="pull-left"></div>
            </div>
        </div>
        <input type="hidden" value="" id="id" />
        <input type="hidden" value="" id="action" />
        <input type="hidden" value="" id="_method">
        <input type="hidden" value="add" id="operation" /> {{ Form::close() }}
        <input type="hidden" value='null' id="stations" />
    </div>
</div>
@endif

{{Form::hidden("stationstable",route('stationstable.index'),["id"=>"stationstable"])}} 
@endsection 
@section('pagescript') 
{!! Helper::datatablelib('stationstable/list.js') !!} 
{!! Helper::pagejs([ 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/lib/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js',
    'js/lib/colorpick/dependencies/tinycolor-0.9.15.min.js', 
    'js/lib/colorpick/1.2.3/js/pick-a-color-1.2.3.min.js' 
]) !!}
<script type="text/javascript">
    $(document).ready(function() {
        $(".pickacolor").pickAColor({
            showSpectrum: true,
            showSavedColors: true,
            saveColorsPerElement: true,
            fadeMenuToggle: true,
            showAdvanced: true,
            showBasicColors: true,
            showHexInput: true,
            allowBlank: true,
            inlineDropdown: true
        });

        $('#station_id').select2({
            width: '100%'
        });
    });
</script>
@stop