{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Township Create')

@section('content')
<form action="{{route('admin.township.store')}}" method="POST">
    @csrf
<div class="card">
    <div class="card-content">
        <span class="card-title">Add Township</span>

            <table class="striped">
                <tr>
                    <th>Name *</th>
                    <td>
                        <div class="input-field col s12">
                            <input id="name" name="name" type="text" class="@error('name') error @enderror" value="{{old('name')}}">
                            <small class="errorTxt1">
                                @if ($errors->has('name'))
                                    <div id="name-error" class="error">{{ $errors->first('name') }}</div>
                                @endif
                            </small>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th width="20%">Choose City *</th>
                    <td>
                        <div class="input-field col s12">
                            <select name="city_id" id="city_id">
                                <option value="" disabled selected>Choose City</option>
                                @foreach ($cities as $id => $city)<option value="{{$city->id}}">{{ $city->name }}</option>@endforeach
                            </select>
                            <small class="errorTxt1">
                                @if ($errors->has('city_id'))
                                    <div id="city_id-error" class="error">{{ $errors->first('city_id') }}</div>
                                @endif
                            </small>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="col s12">
        <div class="row right">
            <a href="{{ route('admin.township.index') }}" class="waves-effect waves-light black-text padr30px">Cancel</a>
            <button class="btn red waves-effect waves-light border-radius-6" type="submit" name="action">Create</button>
        </div>
    </div>
</form>
@endsection