@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/'.$data->region_id)}}">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.update',$data->id],'method' => 'PUT', 'class' => 'uk-form-stacked','id' => 'edit_form')) }}
    @csrf
	<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', $data->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', $data->name,['class' => 'uk-input','autocomplete' => 'off'])}}
                </div>    
            </div>
            <div class="uk-margin-small">
                <div class="uk-form-controls">
                {{ Form::submit('Update', array('class' => 'uk-button uk-button-primary','name' => 'save', 'id' => 'edit_submit')) }}
                <a class="uk-button uk-button-default" href="{{ url('admin/city/'.$data->region_id) }}">Cancel</a>
                </div>
            </div> 
        </div>
        {{ Form::close() }}
    </div>
</div>                   
@endsection
@section('footer-script')
<script>
    $("#edit_form").validate({
        errorClass: "uk-text-danger",
        rules:{
            ordering:"required",
            name:"required",
        },
        messages: {
            name: {
                required: "Complete this required field."
            },
            ordering: {
                required: "Complete this required field."
            },
        },
        submitHandler: function(form) {
            $('#edit_submit').attr('disabled',true);
            form.submit();
        }
    });
    
</script>
@endsection