@extends('layouts.admin.app')
@section('css')
@endsection
@section('content')
<!-- BEGIN: Content-->
<div class="app-content content">
  <div class="content-wrapper">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-left mb-0">{{trans('admin.city_heading')}} </h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('home')}}">{{ trans('admin.home') }}</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('city.index')}}">{{ trans('admin.city') }}</a></li>
                            <li class="breadcrumb-item active">{{ trans('admin.add_new_city') }}
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if ($errors->any())
      <div class="alert alert-danger">
        <b>{{trans('common.whoops')}}</b>
        <ul>
          @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

     <section id="multiple-column-form">
      <div class="row match-height">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h4 class="card-title">
              {{ trans('admin.city_details')}}
              </h4>
              @can('city-list')
                <a href="{{route('city.index')}}" class="btn btn-success">
                    <i class="fa fa-arrow-left"></i>
                    {{ trans('common.back') }}
                </a>
              @endcan
            </div>
            <div class="card-content">
              <div class="card-body">    
                <form method="POST" id="CountryForm" action="{{route('city.store')}}" accept-charset="UTF-8" enctype="multipart/form-data" >
                  @csrf
                <div class="form-body">
                  <div class="row">
                    <div class="col-md-4">
                     <div class="form-group">
                        <label for="country code" class="content-label">{{trans('admin.country_name')}}<span class="text-danger custom_asterisk">*</span></label>
                        <select class="form-control" name="country_id" required>
                          <option value =''>{{trans('admin.please_select')}}</option>
                          @foreach($countries as $country)
                          <option value="{{$country->id}}" @if(old('country_id') == $country->id) selected @endif>{{$country->name}}</option>
                          @endforeach
                        </select>
                          @error('country_id')
                          <strong class="help-block alert-danger">
                            {{ @$errors->first('country_id') }}
                          </strong>
                          @enderror
                      </div>  
                    </div>
                    <div class="col-md-8">
                     <div class="form-group">
                        <label for="country name" class="content-label">{{trans('admin.city_name')}}<span class="text-danger custom_asterisk">*</span></label>
                        <input type="text" class="form-control @error('name') ? is-invalid : ''  @enderror" minlength="2" maxlength="30" placeholder="{{trans('admin.city_name')}}" name="name" value="{{old('name')}}" required>
                        @error('name')
                        <strong class="help-block alert-danger">
                          {{ @$errors->first('name') }}
                        </strong>
                        @enderror
                      </div>  
                    </div>
                  </div>
                </div>
                <div class="modal-footer">
                    <button id="edit_btn" type="submit" class="btn btn-info btn-fill btn-wd">{{trans('common.submit')}}</button>
                </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

</div>
@endsection
@section('js')


@endsection