@extends('backend.layouts.app')
@section('content')
    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-6 card-title"><h4>{{$page_title}}</h4></div>
                            <div class="col-6 text-end">
                                <x-cancle-btn route="{{ route('customer.index') }}" text="Back"/>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form id="valid_form" method="POST" action="{{route('customer.update',$data->id)}}" enctype="multipart/form-data">
                            @method('PUT')
                            @csrf
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label for="Name" class="form-label">Name</label>
                                    <input id="Name" class="form-control" type="text" name="name" value="{{$data->name}}" required placeholder="Enter Customer Name">
                                    @error('name')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label for="father_husband" class="form-label">Father / Husband Name</label>
                                    <input id="father_husband" class="form-control" type="text" name="father_husband" value="{{$data->father_husband}}" required placeholder="Enter Father / Husband Name">
                                    @error('father_husband')
                                        <small class="text-danger">{{ $message }}</small>
                                    @enderror
                                </div>
                                @if ($data->addedBy)
                                    <div class="col-md-12 mb-3">
                                        <label for="village_id" class="form-label">Village</label>
                                        <select class="form-control js-example-basic-single" name="village_id" id="village_id">
                                            <option value="" selected disabled>Select Village</option>
                                            @foreach ($villages as $village)
                                                <option value="{{$village->id}}" @if($data->village_id==$village->id) selected @endif>{{$village->name}}, {{$village->gramPanchayat->name}}, {{$village->block->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                            </div>
                            <x-save-btn text="Update" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection