@extends('layouts.app')

@section('title', 'Tambah Pendapatan')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <a href="{{ route('pendapatans.index') }}" class="btn btn-secondary">
                        <i class="mdi mdi-arrow-left me-1"></i> Kembali
                    </a>
                </div>
                <h4 class="page-title">Tambah Pendapatan</h4>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('pendapatans.index') }}">Pendapatan</a></li>
                    <li class="breadcrumb-item active">Tambah</li>
                </ol>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="header-title">Form Tambah Pendapatan</h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('pendapatans.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Tanggal Transaksi <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control @error('tanggal_transaksi') is-invalid @enderror" 
                                           name="tanggal_transaksi" value="{{ old('tanggal_transaksi', date('Y-m-d')) }}" required>
                                    @error('tanggal_transaksi')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Kategori <span class="text-danger">*</span></label>
                                    <select class="form-select @error('kategori_id') is-invalid @enderror" name="kategori_id" required>
                                        <option value="">Pilih Kategori</option>
                                        @foreach($kategoris as $kategori)
                                            <option value="{{ $kategori->id }}" {{ old('kategori_id') == $kategori->id ? 'selected' : '' }}>
                                                {{ $kategori->nama_kategori }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('kategori_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Deskripsi <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('deskripsi') is-invalid @enderror" 
                                   name="deskripsi" value="{{ old('deskripsi') }}" placeholder="Deskripsi pendapatan" required>
                            @error('deskripsi')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Jumlah <span class="text-danger">*</span></label>
                                    <input type="number" class="form-control @error('jumlah') is-invalid @enderror" 
                                           name="jumlah" value="{{ old('jumlah') }}" placeholder="0" min="0" step="0.01" required>
                                    @error('jumlah')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Metode Pembayaran <span class="text-danger">*</span></label>
                                    <select class="form-select @error('metode_pembayaran') is-invalid @enderror" name="metode_pembayaran" required>
                                        <option value="">Pilih Metode</option>
                                        <option value="Cash" {{ old('metode_pembayaran') == 'Cash' ? 'selected' : '' }}>Cash</option>
                                        <option value="Transfer Bank" {{ old('metode_pembayaran') == 'Transfer Bank' ? 'selected' : '' }}>Transfer Bank</option>
                                        <option value="Kartu Kredit" {{ old('metode_pembayaran') == 'Kartu Kredit' ? 'selected' : '' }}>Kartu Kredit</option>
                                        <option value="E-Wallet" {{ old('metode_pembayaran') == 'E-Wallet' ? 'selected' : '' }}>E-Wallet</option>
                                    </select>
                                    @error('metode_pembayaran')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Nomor Referensi</label>
                                    <input type="text" class="form-control @error('nomor_referensi') is-invalid @enderror" 
                                           name="nomor_referensi" value="{{ old('nomor_referensi') }}" placeholder="Nomor referensi (opsional)">
                                    @error('nomor_referensi')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Status <span class="text-danger">*</span></label>
                                    <select class="form-select @error('status') is-invalid @enderror" name="status" required>
                                        <option value="draft" {{ old('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                                        <option value="konfirmasi" {{ old('status', 'konfirmasi') == 'konfirmasi' ? 'selected' : '' }}>Konfirmasi</option>
                                        <option value="selesai" {{ old('status') == 'selesai' ? 'selected' : '' }}>Selesai</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Pelanggan</label>
                                    <select class="form-select @error('pelanggan_id') is-invalid @enderror" name="pelanggan_id">
                                        <option value="">Pilih Pelanggan (opsional)</option>
                                        @foreach($pelanggans as $pelanggan)
                                            <option value="{{ $pelanggan->id }}" {{ old('pelanggan_id') == $pelanggan->id ? 'selected' : '' }}>
                                                {{ $pelanggan->nama_lengkap }} - {{ $pelanggan->nomor_hp }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('pelanggan_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Nama Pembayar</label>
                                    <input type="text" class="form-control @error('nama_pembayar') is-invalid @enderror" 
                                           name="nama_pembayar" value="{{ old('nama_pembayar') }}" placeholder="Nama pembayar (jika berbeda dari pelanggan)">
                                    @error('nama_pembayar')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Pajak</label>
                                    <input type="number" class="form-control @error('pajak') is-invalid @enderror" 
                                           name="pajak" value="{{ old('pajak', 0) }}" placeholder="0" min="0" step="0.01">
                                    @error('pajak')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label">Biaya Admin</label>
                                    <input type="number" class="form-control @error('biaya_admin') is-invalid @enderror" 
                                           name="biaya_admin" value="{{ old('biaya_admin', 0) }}" placeholder="0" min="0" step="0.01">
                                    @error('biaya_admin')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Recurring</label>
                            <select class="form-select @error('recurring') is-invalid @enderror" name="recurring">
                                <option value="tidak" {{ old('recurring', 'tidak') == 'tidak' ? 'selected' : '' }}>Tidak</option>
                                <option value="harian" {{ old('recurring') == 'harian' ? 'selected' : '' }}>Harian</option>
                                <option value="mingguan" {{ old('recurring') == 'mingguan' ? 'selected' : '' }}>Mingguan</option>
                                <option value="bulanan" {{ old('recurring') == 'bulanan' ? 'selected' : '' }}>Bulanan</option>
                                <option value="tahunan" {{ old('recurring') == 'tahunan' ? 'selected' : '' }}>Tahunan</option>
                            </select>
                            @error('recurring')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Catatan</label>
                            <textarea class="form-control @error('catatan') is-invalid @enderror" 
                                      name="catatan" rows="3" placeholder="Catatan tambahan">{{ old('catatan') }}</textarea>
                            @error('catatan')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label class="form-label">File Bukti</label>
                            <input type="file" class="form-control @error('file_bukti.*') is-invalid @enderror" 
                                   name="file_bukti[]" multiple accept=".jpg,.jpeg,.png,.pdf">
                            <small class="text-muted">Format: JPG, JPEG, PNG, PDF. Max 2MB per file.</small>
                            @error('file_bukti.*')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('pendapatans.index') }}" class="btn btn-secondary">Batal</a>
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-content-save me-1"></i> Simpan
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection