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

    <form action="{{ route('periode.update', $periode->id) }}" method="POST" class="space-y-5">
        @csrf
        @method('PUT')

        <!-- Nama Periode -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Nama Periode</label>
            <input type="text" name="nama_periode" value="{{ old('nama_periode',$periode->nama_periode) }}"
                   class="w-full border-gray-300   focus:ring-blue-500 focus:border-blue-500 p-2" required>
        </div>

        <!-- Tanggal Mulai -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tanggal Mulai</label>
            <input type="date" name="tanggal_mulai" value="{{ old('tanggal_mulai',$periode->tanggal_mulai) }}"
                   class="w-full border-gray-300   focus:ring-blue-500 focus:border-blue-500 p-2" required>
        </div>

        <!-- Tanggal Selesai -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tanggal Selesai</label>
            <input type="date" name="tanggal_selesai" value="{{ old('tanggal_selesai',$periode->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  hover:bg-gray-300"><i class="fas fa-xmark mr-2"></i> Cancel</a>
            <button type="submit" class="px-4 py-2 bg-green-600 text-white  hover:bg-green-700"> <i class="fas fa-save mr-2"></i> Update</button>
        </div>
    </form>
</section>
@endsection