@extends('dashboard.layouts.main')

@section('container')
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Sampah Terkelola Baru</h1>
</div>

<div class="col-lg-8">
    <form method="post" action="{{ url('') }}/sampah_terkelola" class="mb-5">
        @csrf

        {{-- Jenis Sampah --}}
        <div class="mb-3">
            <label for="jenis_id" class="form-label">Jenis Sampah</label>
            <select class="form-select @error('jenis_id') is-invalid @enderror" name="jenis_id" id="jenis_id" required>
                <option selected disabled>-- Pilih Jenis Sampah --</option>
                @foreach ($jenis_sampah as $jenis)
                    <option value="{{ $jenis->id }}" {{ old('jenis_id') == $jenis->id ? 'selected' : '' }}>
                        {{ $jenis->nama_jenis }}
                    </option>
                @endforeach
            </select>
            @error('jenis_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Bulan --}}
        <div class="mb-3">
            <label for="bulan" class="form-label">Bulan</label>
            <select class="form-select @error('bulan') is-invalid @enderror" name="bulan" id="bulan" required>
                <option selected disabled>-- Pilih Bulan --</option>
                @foreach ([
                    'Januari', 'Februari', 'Maret', 'April',
                    'Mei', 'Juni', 'Juli', 'Agustus',
                    'September', 'Oktober', 'November', 'Desember'
                ] as $bulan)
                    <option value="{{ $bulan }}" {{ old('bulan') == $bulan ? 'selected' : '' }}>
                        {{ $bulan }}
                    </option>
                @endforeach
            </select>
            @error('bulan')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Tahun --}}
        <div class="mb-3">
            <label for="tahun" class="form-label">Tahun</label>
            <select class="form-select @error('tahun') is-invalid @enderror" name="tahun" id="tahun" required>
                <option selected disabled>-- Pilih Tahun --</option>
                @for ($tahun = date('Y'); $tahun >= date('Y') - 10; $tahun--)
                    <option value="{{ $tahun }}" {{ old('tahun') == $tahun ? 'selected' : '' }}>
                        {{ $tahun }}
                    </option>
                @endfor
            </select>
            @error('tahun')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Jumlah Masuk --}}
        <div class="mb-3">
            <label for="jml_terkelola" class="form-label">Jumlah Masuk (kg)</label>
            <input type="number" class="form-control @error('jml_terkelola') is-invalid @enderror" id="jml_terkelola" name="jml_terkelola" required value="{{ old('jml_terkelola') }}">
            @error('jml_terkelola')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <button type="submit" class="btn btn-primary">Simpan</button>
    </form>
</div>
@endsection