@extends('layouts.admin')

@section('content')
    <header class="w-full my-3">
        <h1 class="text-2xl font-bold text-white">Edit Disciplinary Action Type</h1>
        <p class="text-sm text-white"></p>
    </header>
    <div class="admin-card">
        <form action="{{ route('admin.disciplinary_action_type.destroy', $disciplinaryActionType->id) }}" method="POST"
            class="text-right"
            onsubmit="return confirm('Are you sure you wish to delete this Disciplinary Action Type? This can\'t be undone and will delete everything assocaited with this Disciplinary Action Type!');">
            @csrf
            @method('DELETE')
            <button class="delete-button-md">
                <x-delete-button></x-delete-button>
            </button>
        </form>

        <form action="{{ route('admin.disciplinary_action_type.update', $disciplinaryActionType->id) }}" method="POST"
            class="space-y-4">
            @csrf
            @method('put')

            <div>
                <label for="name" class="block text-black-500">Name</label>
                <input type="text" name="name" value="{{ $disciplinaryActionType->name }}" required autofocus
                    class="w-full p-1 mt-2 text-black border rounded-md focus:outline-none" />
                <x-input-error :messages="$errors->get('name')" class="mt-2" />
            </div>

            <div>
                <label for="description" class="block text-black-500">Description</label>
                <input type="text" name="description" value="{{ $disciplinaryActionType->description }}"
                    class="w-full p-1 mt-2 text-black border rounded-md focus:outline-none" />
                <x-input-error :messages="$errors->get('description')" class="mt-2" />
            </div>

            <div class="mt-4">
                <button class="inline-block w-1/3 mr-5 edit-button-md">Save</button>
                <a href="{{ route('admin.disciplinary_action_type.index') }}" class="w-1/3 delete-button-md">Cancel</a>
            </div>
        </form>
    </div>
@endsection