@extends('layouts.admin.admin')
@section('title', 'Edit Division')
@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>Division<span><i class="bi bi-chevron-right"></i></span>Edit Division</div>
                            <hr class="mb-4">
                            <h5>Edit Division</h5>
                            <form action="{{ route('division.update', $division->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row g-2 gy-3">
                                    <div class="col-sm-6">
                                        <label for="inputDivisionName" class="form-label fw-semibold">Division Name<span class="text-red">*</span></label>
                                        <input type="text" name="name" class="form-control" id="inputDivisionName" value="{{ old('name', $division->name) }}" placeholder="Enter Division Name.." disabled>
                                    </div>
                                    
                                    @error('name')
                                    <div class="col-12">
                                        <span class="text-danger">{{ $message }}</span>
                                    </div>     
                                    @enderror
                            
                                    <div class="col-12">
                                        {{-- <button type="submit" class="btn btn-type1 px-5 border-0 shadow-sm">Update</button> --}}
                                        <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