@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.wardchairman.store') }}" enctype="multipart/form-data">
                                    @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">
                                           <select name="ward_id" class="form-control">
                                            <option value="">--Select--</option>
                                            @foreach($wards as $ward)
                                            <option value="{{ $ward->id }}">{{$ward->name }}</option>

                                            @endforeach
                                            
                                           </select>
                                            <x-input-error :messages="$errors->get('ward_id')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Ward Chairman</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 mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Phone</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <input type="text" name="phone" class="form-control"
                                                 />
                                            <x-input-error :messages="$errors->get('phone')" class="mt-2" />
                                        </div>
                                    </div>
                                     <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Position</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <select name="position" class="form-control">
                                                <option value="" >Select</option>
                                                <option value="Ward Chairman">Ward Chairman</option>
                                                <option value="Acting Ward Chairman">Acting Ward Chairman </option>
                                                <option value="Ward Member">Ward Member</option>
                                            </select>
                                            <x-input-error :messages="$errors->get('phone')" 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">
                                            <select name="position_in_nepali" class="form-control">
                                                <option value="" >Select</option>
                                                <option value="वडाध्यक्ष">वडाध्यक्ष</option>
                                                <option value="कार्यावाहाक वडाध्यक्ष">कार्यावाहाक वडाध्यक्ष </option>
                                                <option value="वडा सदस्य">वडा सदस्य</option>
                                            </select>
                                            <x-input-error :messages="$errors->get('position_in_nepali')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Image</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <input type="file" name="image" class="form-control"
                                                 />
                                            <x-input-error :messages="$errors->get('image')" class="mt-2" />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-3">
                                            <h6 class="mb-0">Description</h6>
                                        </div>
                                        <div class="col-9 text-secondary">
                                            <input type="text" name="description" class="form-control"
                                                 />
                                            <x-input-error :messages="$errors->get('description')" 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