@extends('layouts.admin')

@section('content')
    <header class="w-full my-3">
        <h1 class="text-2xl font-bold text-white">Manage Penal Code</h1>
        <p class="text-sm text-white">Create a new penal code.</p>
    </header>

    <div class="admin-card">
        <form action="{{ route('admin.penalcode.code.store') }}" class="space-y-4" id="mdeditor" method="POST">
            @csrf

            <div>
                <label class="block text-black-500" for="penal_code_title_id">Title</label>
                <select class="select-input" id="penal_code_title_id" name="penal_code_title_id">
                    <option value="">Choose Title</option>
                    @foreach ($titles as $title)
                        <option @selected(old('penal_code_title_id') == $title->id) value="{{ $title->id }}">Title {{ $title->number }} -
                            {{ $title->name }}</option>
                    @endforeach
                </select>
                <x-input-error :messages="$errors->get('penal_code_title_id')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="number">Number</label>
                <input autofocus class="text-input" name="number" required type="number" value="{{ old('number') }}" />
                <x-input-error :messages="$errors->get('number')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="name">Name</label>
                <input autofocus class="text-input" name="name" required type="text" value="{{ old('name') }}" />
                <x-input-error :messages="$errors->get('name')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="section">Section</label>
                <div class="mt-1 block w-full rounded-md bg-white border-gray-300 shadow-sm" id="editor">
                </div>
                <input id="mdcontent" name="mdcontent" type="hidden" value="{{ old('mdcontent') }}">
                <x-input-error :messages="$errors->get('mdcontent')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="notes">Notes</label>
                <textarea class="textarea-input" id="" name="notes">{{ old('notes') }}</textarea>
                <x-input-error :messages="$errors->get('notes')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="penal_code_class_id">Classification</label>
                <p class="text-sm"></p>
                <select class="select-input" id="penal_code_class_id" name="penal_code_class_id">
                    <option value="">Choose Classification</option>
                    @foreach ($classes as $class)
                        <option @selected(old('penal_code_class_id') == $class->id) value="{{ $class->id }}">{{ $class->name }}</option>
                    @endforeach
                </select>
                <x-input-error :messages="$errors->get('penal_code_class_id')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="fine">Fine</label>
                <input autofocus class="text-input" name="fine" type="number" value="{{ old('fine', 0) }}" />
                <x-input-error :messages="$errors->get('fine')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="bail">Bail</label>
                <input autofocus class="text-input" name="bail" type="number" value="{{ old('bail', 0) }}" />
                <x-input-error :messages="$errors->get('bail')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="in_game_jail_time">In-game Jail Time (Seconds)</label>
                <input autofocus class="text-input" name="in_game_jail_time" type="number"
                    value="{{ old('in_game_jail_time', 0) }}" />
                <x-input-error :messages="$errors->get('in_game_jail_time')" class="mt-2" />
            </div>

            <div>
                <label class="block text-black-500" for="cad_jail_time">CAD Jail Time (Minuets)</label>
                <input autofocus class="text-input" name="cad_jail_time" type="number"
                    value="{{ old('cad_jail_time', 0) }}" />
                <x-input-error :messages="$errors->get('cad_jail_time')" class="mt-2" />
            </div>

            <div class="mt-4 flex justify-between">
                <button class="new-button-md">Create</button>
                <a class="delete-button-md" href="{{ route('admin.penalcode.code.index') }}">Cancel</a>
            </div>
        </form>
    </div>
@endsection