@extends('dashboard.layouts.layouts')

@section('content')

    <div class="container">

        <div class="card">
            <div class="card-header">
                @if (session('message'))
                    <div class="alert alert-success" role="alert">
                        {{ session('message') }}
                    </div>
                @endif
                @if (session('error'))
                    <div class="alert alert-danger" role="alert">
                        {{ session('error') }}
                    </div>
                @endif
                <div
                    class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
                    <h1 class="h2">City</h1>
                </div>
                <h2></h2>
                <form method="post" action="{{ route('city.store') }}" data-parsley-validate
                      class="form-horizontal form-label-left">
                    @csrf




                    <div class="form-group{{ $errors->has('country') ? ' has-error' : '' }} row">
                        <label for="country" class="col-sm-2 col-form-label">Country</label>
                        <div class="col-sm-10">
                            <select class="form-control" name="country" onchange="set_city_state(this,city_state)">

                                <option class="text-muted" selected value="" disabled>اختر البلد</option>
                                <option value="Egypt">Egypt</option>
                            </select>
                            @if ($errors->has('country'))
                                <span class="help-block">{{ $errors->first('country') }}</span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('city_state') ? ' has-error' : '' }} row">
                        <label for="city_state" class="col-sm-2 col-form-label">City</label>
                        <div class="col-sm-10">
                            <select class="form-control" name="city_state" disabled="disabled" onchange="print_city_state(country,this)"></select>
                            @if ($errors->has('city_state'))
                                <span class="help-block">{{ $errors->first('city_state') }}</span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group{{ $errors->has('city_ar') ? ' has-error' : '' }} row">
                        <label for="city_ar" class="col-sm-2 col-form-label">اسم المحافظة بالعربي</label>
                        <div class="col-sm-10">
                            <input type="text" value="{{ Request::old('city_ar') ?: '' }}" id="city_ar" name="city_ar" class="form-control col-md-7 col-xs-12">
                            @if ($errors->has('city_ar'))
                                <span class="help-block">{{ $errors->first('city_ar') }}</span>
                            @endif
                        </div>
                    </div>

                    <input type="submit" name="submit" value="create City">
                </form>
            </div>
        </div>
    </div>
    </div>
    </div>

@endsection

@section('js')

    <script>
        $(document).ready(function () {


        });

    </script>
    <script src="{{asset('js/countries.js')}}"></script>
@endsection