@php
$division_id         = $division->division_id ?? '';
$division_name        = $division->division_name ?? '';
$division_shortname   = $division->division_shortname ?? '';

$breadcrumbs = [
        'Division List' => url('/division_list'),
        'Division Editor' => ''
    ];
@endphp

@extends('layouts.master')

@section('title')
    Division Management
@endsection

@section('style')
<style>
    .division-card { border-radius: 12px; border: 1px solid #d1d9e6; background-color: #ffffff; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; }
    .label-main { color: #000; font-weight: 700; font-size: 0.9rem; margin-bottom: 5px; display: block; }
    .input-custom-black { color: #000000 !important; font-weight: 600; border-color: #cbd5e0; }
    .input-custom-black:focus { border-color: #3f78e0; color: #000000 !important; box-shadow: none; }
</style>
@endsection

@section('content')

<section class="wrapper bg-light">
    <div class="container py-10">
        <div class="row">
            <div class="col-lg-12 col-xl-8 mx-auto">

                <br><br>

                <div class="mb-4">
                    <h2 style="font-size: 1.3rem; color: #000;">Division Editor</h2>
                </div>

                <div class="card division-card mb-6">
                    <div class="card-body p-8 p-lg-10">

                        <form class="contact-form" method="post" action="{{ url('/division_edit') }}">
                            {{ csrf_field() }}

                            <input type="hidden" name="division_id" value="{{ $division_id }}">

                            <div class="row gy-4">
                                <div class="col-12">
                                    <label class="label-main">Division Name:</label>
                                    <input type="text" class="form-control form-control-custom input-custom-black" name="division_name" value="{{ $division_name }}" placeholder="Enter division name" required>
                                </div>
                                <div class="col-12">
                                    <label class="label-main">Division Shortname:</label>
                                    <input type="text" class="form-control form-control-custom input-custom-black" name="division_shortname" value="{{ $division_shortname }}" placeholder="Enter division shortname">
                                </div>
                            </div>

                            <div class="text-center mt-10">
                                <a href="{{ url('/division_list') }}" class="btn btn-outline-dark rounded-pill px-8 py-2 me-2">
                                    <i class="uil uil-arrow-left me-1"></i> Cancel
                                </a>
                                <button type="submit" class="btn btn-dark rounded-pill px-12 py-2">
                                    <i class="uil uil-save me-1"></i> Save Division
                                </button>
                            </div>
                        </form>

                    </div>
                </div>

            </div>
        </div>
    </div>
</section>

<br><br>

@endsection