@extends('layouts.app')

@section('title', 'Tambah Kode MAK')

@section('content')
<div class="max-w-2xl mx-auto space-y-6">

    <div class="flex flex-col md:flex-row justify-between items-start md:items-center bg-white p-5 rounded-lg shadow border border-gray-200 gap-4">
        <div>
            <h1 class="text-xl font-bold text-gray-800">Tambah Kode MAK</h1>
            <p class="text-gray-500 text-sm">Tambahkan kode MAK beserta pagunya.</p>
        </div>
    </div>

    <div class="bg-white p-6 rounded-lg shadow border border-gray-200">
        @include('carei.partials.alert')

        <form action="{{ route('carei.kode-mak.store') }}" method="POST" class="space-y-5">
            @csrf

            <div>
                <label for="kementerian" class="block text-sm font-medium text-gray-700 mb-1">Kementerian</label>
                <input id="kementerian" type="text" name="kementerian" value="{{ old('kementerian') }}" placeholder="cth. Kemenko PMK Asdep APK2K" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('kementerian')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="kode_mak" class="block text-sm font-medium text-gray-700 mb-1">Kode MAK</label>
                <input id="kode_mak" type="text" name="kode_mak" value="{{ old('kode_mak') }}" placeholder="DZ.7961.PEA.301.051.A.522191" required class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('kode_mak')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="uraian" class="block text-sm font-medium text-gray-700 mb-1">Uraian</label>
                <input id="uraian" type="text" name="uraian" value="{{ old('uraian') }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('uraian')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label for="pagu" class="block text-sm font-medium text-gray-700 mb-1">Pagu (Rp)</label>
                <input id="pagu" type="number" step="0.01" name="pagu" value="{{ old('pagu') }}" min="0" required class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('pagu')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div class="pt-6 mt-6 border-t border-gray-200 flex justify-end gap-3">
                <a href="{{ route('carei.kode-mak.index') }}" class="bg-gray-500 hover:bg-gray-600 text-white text-sm font-medium px-4 py-2 rounded-lg shadow transition">Batal</a>
                <button type="submit" class="bg-teal-700 hover:bg-teal-800 text-white font-medium px-8 py-2.5 rounded-lg shadow-md transition">Simpan</button>
            </div>
        </form>
    </div>

</div>
@endsection