@extends('adminlte::page')

@section('title', trans('adminlte::areas.title.create'))

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form role="form"  id="area-form" action="{{ route('areas.store') }}" method="POST">
        @csrf
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">@lang('adminlte::areas.header.create')</h3>
                    </div>
                    <div class="card-body">
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputAreaName">@lang('adminlte::areas.area_name')<span style="color:red">*</span></label>
                            <input type="text" name='area_name' id="inputAreaName" class="form-control" placeholder="Enter Area Name">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputAreaCode">@lang('adminlte::areas.area_code')<span style="color:red">*</span></label>
                            <input type="text" name='area_code' id="inputAreaCode" class="form-control" placeholder="Enter Area Code">
                        </div>
                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                            <label for="inputStatus">@lang('adminlte::areas.status')<span style="color:red">*</span></label>
                            @php $arrStatus = config('aps.status'); @endphp
                            <select class="form-control status" id ="inputStatus" name="status">
                                <option value="">Select Status</option>
                                @foreach($arrStatus as $key => $value)
                                <option value="{{$key}}" >{{$value}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="card-footer">
                         <button type="submit" class="btn btn-success">@lang('adminlte::areas.area_add')</button>
                            <a class="btn btn-default" href="{{ route('areas.index') }}"> Back</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
@stop

@section('js')
<!-- Laravel Javascript Validation -->
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! JsValidator::formRequest('App\Http\Requests\Admin\AreaRequest', '#area-form'); !!}
@stop