@extends('layouts.app')
@section('title', 'Add Periode Akuntansi - Dazry Laundry App')
@section('page_title', 'Add Periode Akuntansi')
@section('content')
<section class="bg-white  pt-3 max-w-2xl ">
    

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

        <!-- Nama Periode -->
        <div>
            <label for="nama_periode" class="block  font-medium text-gray-700 mb-1">
                Nama Periode
            </label>
            <input type="text" name="nama_periode" id="nama_periode"
                   class="w-full border-gray-300   focus:ring-blue-500 focus:border-blue-500 p-2"
                   placeholder="Contoh: Periode Januari 2025" required>
        </div>

        <!-- Tanggal Mulai -->
        <div>
            <label for="tanggal_mulai" class="block  font-medium text-gray-700 mb-1">
                Tanggal Mulai
            </label>
            <input type="date" name="tanggal_mulai" id="tanggal_mulai"
                   class="w-full border-gray-300   focus:ring-blue-500 focus:border-blue-500 p-2"
                   required>
        </div>

        <!-- Tanggal Selesai -->
        <div>
            <label for="tanggal_selesai" class="block  font-medium text-gray-700 mb-1">
                Tanggal Selesai
            </label>
            <input type="date" name="tanggal_selesai" id="tanggal_selesai"
                   class="w-full border-gray-300   focus:ring-blue-500 focus:border-blue-500 p-2"
                   required>
        </div>

        <!-- Tombol -->
        <div class="flex justify-end space-x-3">
            <a href="{{ route('periode.index') }}"
               class="px-4 py-2 bg-gray-200 text-gray-700  hover:bg-gray-300">
                <i class="fas fa-xmark mr-2"></i> Cancel
            </a>
            <button type="submit"
                    class="px-4 py-2 bg-blue-600 text-white  hover:bg-blue-700">
                 <i class="fas fa-save mr-2"></i> Save 
            </button>
        </div>
    </form>
</section>
@endsection