@extends('layouts.app')
@section('content')
<div class="main-header">
    <div class="admin-header">
        <div class="uk-grid">
            <div class="uk-width-1-2">
                <h1 class="uk-margin-small-top main-heading">{{$title}}</h1>
            </div>
            <div class="uk-width-1-2 uk-text-right">
                <a class="uk-button uk-button-default" href="{{url('admin/city/'.$regionId)}}">Back</a>
            </div>
        </div> 
    </div>
</div>
<div class="uk-margin uk-width-1-1 uk-margin-auto uk-card uk-card-default uk-card-body small-padding">
	@include('partials.messages')
	{{ Form::open(array('route' => 'admin.city.store','method' => 'POST', 'class' => 'uk-form-stacked','id' => 'create_form')) }}
    @csrf
    {{Form::hidden('province_id',$region->province_id)}}    
    {{Form::hidden('region_id',$regionId)}}    
	<div uk-grid>
    	<div class="uk-width-1-2@m">  
            <div class="uk-margin-small">
                <label for="ordering" class="uk-form-label"> Ordering <span class="uk-text-danger">*</span></label>
                <div class="uk-form-controls">
                    {{Form::number('ordering', old('ordering'),['class' => 'uk-input','autocomplete' => 'off'])}}
                </div>    
            </div>
            <div class="uk-margin-small">
                <label for="name" class="uk-form-label"> Name <span class="uk-text-danger">*</span></label>
                <div class="uk-form-controls">
                    {{Form::text('name', old('name'),['class' => 'uk-input','autocomplete' => 'off'])}}
                </div>    
            </div>
            <div class="uk-margin-small">
                <div class="uk-form-controls">
                {{ Form::submit('Save', array('class' => 'uk-button uk-button-primary','name' => 'save', 'id' => 'create_submit')) }}
                <a class="uk-button uk-button-default" href="{{ url('admin/city/'.$regionId) }}">Cancel</a>
                </div>
            </div>  
        </div>
        {{ Form::close() }}
    </div>
</div>                   
@endsection
@section('footer-script')
<script>
    $("#create_form").validate({
        errorClass: "uk-text-danger",
        rules:{
            name:"required",
            ordering:"required",
        },
        messages: {
            name: {
                required: "Complete this required field."
            },
            ordering: {
                required: "Complete this required field."
            },
        },
        submitHandler: function(form) {
            $('#create_submit').attr('disabled',true);
            form.submit();
        }
    });
</script>
@endsection