@extends('admin.layouts.app')

@section('content')

  <div class="container-xl">
            <div class="main-body">
                <div class="row">
                    
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <form method="POST" action="{{ route('panel.ward.store') }}">
                                    @csrf
                                    
                                    <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Municipality Name</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                           <select name="municipality_id" class="form-control">
                                            <option value="">--Select--</option>
                                            @foreach($municipalities as $municipality)
                                            <option value="{{ $municipality->id }}">{{$municipality->name }}</option>

                                            @endforeach
                                            
                                           </select>
                                            <x-input-error :messages="$errors->get('name')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Ward No</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <input type="text" name="name" class="form-control"
                                                 />
                                            <x-input-error :messages="$errors->get('name')" class="mt-2" />
                                        </div>
                                    </div>

                                      <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">वडा नं</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <input type="text" name="name_in_nepali" class="form-control nepali-input"
                                                 />
                                            <x-input-error :messages="$errors->get('name_in_nepali')" class="mt-2" />
                                        </div>
                                    </div>
                                  
                                    <div class="row">
                                        <div class="col-3"></div>
                                        <div class="col-9 text-secondary">
                                            <button type="submit" class="btn btn-primary px-4">Save Changes</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                      
                    </div>
                </div>
            </div>
        </div>

@endsection