@extends('layouts.admin.admin')
@section('title', 'Edit Region')
@section('content')
<main>
    <div class="container-fluid p-0">
        <div class="row g-0">
            @include('partials.header')
            @include('layouts.admin.sidebar')
            <section class="content-section col primary-bg-light p-xl-4 p-3">
                <div class="bg-white rounded-3 shadow-sm p-3">
                    <div class="row">
                        <div class="col-12">
                            <div class="small fw-medium d-flex flex-wrap">Geography Management<span><i class="bi bi-chevron-right"></i></span>Region<span><i class="bi bi-chevron-right"></i></span>Edit Region</div>
                            <hr class="mb-4">
                            <h5>Edit Region</h5>
                            <form action="{{ route('region.update', $region->id)}}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row g-2 gy-3">
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputDivision" class="form-label fw-semibold">Division<span class="text-red">*</span></label>
                                        <select name="division_id" id="inputDivision" class="form-select shadow-none custom-select" required disabled>
                                            <option value="">Select Division</option>
                                            @foreach ($divisions as $division)
                                            <option value="{{ $division->id }}" {{ $region->division_id == $division->id ? 'selected' : '' }}>
                                                {{ $division->name }}
                                            </option>
                                            @endforeach
                                        </select>
                                        @error('division_id')
                                        <div class="col-12">
                                            <span class="text-danger">{{ $message }}</span>
                                        </div>   
                                        @enderror
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputRegionCode" class="form-label fw-semibold">Region Code<span class="text-red">*</span></label>
                                        <input type="text" name="region_code" value="{{old('region_code', $region->region_code)}}" class="form-control shadow-none" id="inputRegionCode" placeholder="Enter Region Code" disabled>
                                        @error('region_code')
                                        <div class="col-12">
                                            <span class="text-danger">{{ $message }}</span>
                                        </div>   
                                        @enderror
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <label for="inputRegionName" class="form-label fw-semibold">Region Name<span class="text-red">*</span></label>
                                        <input type="text" name="name" value="{{old('name', $region->name)}}" class="form-control shadow-none" id="inputRegionName" placeholder="Enter Region Name.." disabled>
                                        @error('name')
                                        <div class="col-12">
                                            <span class="text-danger">{{ $message }}</span>
                                        </div>   
                                        @enderror
                                    </div>
                                    <div class="col-12">
                                        <button type="button" id="editBtn" class="btn btn-type1 px-5 border-0 shadow-sm">Edit</button>
                                        <button type="submit" id="updateBtn" class="btn btn-type1 px-5 border-0 shadow-sm d-none">Save</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</main>

@stop