@extends('layouts.default')
@section('title', 'Create batch')
@section('header-links')
    @include('includes.headers.batches')
@endsection
@section('new_button')
	<a  href="{!! URL::to('/batch') !!}" class="btn btn-info btn-Rcircle-iconic waves-effect waves-light"> <i class="material-icons left"> remove_red_eye </i> {{ __('batch.gotoList') }} 
	</a>
@endsection
@section('content')

<div class="card mb-0">
	<form id="create_batch_form" class="form-horizontal form-label-left" method="post" action="{{ url('batch') }}" data-toggle="validator" role="form" autocomplete="off">
		{{ csrf_field() }}
		<div class="row">
            <div class="col-lg-3 col-md-3 col-sm-12">
                {!! Form::textGroup('batch_id', 'Batch ID', null, ['required'=>'required', 'maxlength'=>'50', 'id'=>'batch_id']) !!}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {!! Form::textGroup('name', 'Batch name', null, ['required'=>'required', 'maxlength'=>'50', 'id'=>'name']) !!}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {{ Form::textGroup('start_date', 'Start date', null, ['id' => 'start_date', 'required'=>'required']) }}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {{ Form::textGroup('end_date', 'End date', null, ['id'=>'end_date', 'required'=>'required']) }}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {!! Form::selectGroup('technologies[]', 'Technologies', $technologies, null, ['id'=>'technologies', 'multiple', 'data-live-search'=>'true', 'required'=>'required']) !!}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {!! Form::selectGroup('trainer_id', 'Trainer', $trainers, null, ['id'=>'technologies', 'data-live-search'=>'true', 'required'=>'required']) !!}
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12">
                {!! Form::selectGroup('status', 'Status', ['1'=>'Active', '0'=>'Inactive'], 1, ['id'=>'status']) !!}
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
	        	{{ Form::saveButton('Save', ['class'=>'col-md-3']) }}
	        </div>
        </div>
    </form>
</div>

@include('includes.datepicker')
<script src="{{ asset('theme/js/jquery.mask.min.js') }}"></script>
<script src="{{ asset('theme/plugins/jquery.inputmask/dist/min/jquery.inputmask.bundle.min.js') }}"></script>
<script src="{{ asset('theme/js/jquery.tagsinput.js') }}"></script>
<script>
    var today = new Date();
    
    $('#start_date').inputmask('yyyy-mm-dd', { placeholder: 'yyyy-mm-dd' });
    $('#start_date').datepicker({
        format: 'yyyy-mm-dd',
        todayHighlight: true,
        clearBtn: true
    });

    $('#end_date').inputmask('yyyy-mm-dd', { placeholder: 'yyyy-mm-dd' });
    $('#end_date').datepicker({
        format: 'yyyy-mm-dd',
        todayHighlight: true,
        clearBtn: true,
        endDate: today
    });
</script>
@stop