@extends('layouts.base')

@section('content-header')
    <div class="col-12">
        <div class="container" style="display: contents">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0"> Pengeluaran</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">Home</li>
                        <li class="breadcrumb-item">Transaksi</li>
                        <li class="breadcrumb-item active">Pengeluaran</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
<div class="content__boxed">
    <div class="content__wrap">
        <div class="row">
            <div class="col-sm-12 mt-2">
                <div class="card">
                    <div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
                    <div class="card-body">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5>Form Input Data</h5>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label>Tanggal</label>
                                    <input type="date" class="form-control" id="tanggal" value="{{ date('Y-m-d') }}">
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label>Jenis Transaksi</label>
                                    <select class="form-control" id="jenis_transaksi">
                                        <option value="" selected>--Pilih Jenis Transkasi--</option>
                                        <option value="1">Tunai</option>
                                        <option value="2">Transfer</option>
                                    </select>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label>Rekening Coa Kebutuhan</label>
                                    <select class="form-control" id="rekening_coa_kebutuhan">
                                        <option value="" selected>--Pilih Rekening Coa--</option>
                                        @foreach ($coaBiaya as $biaya)
                                            @if ($biaya->status == 0)
                                                <optgroup label="{{ $biaya->coa }} | {{ $biaya->keterangan_coa }}">
                                                @else
                                                    <option
                                                        value="{{ $biaya->id }}|{{ $biaya->coa }}|{{ $biaya->keterangan_coa }}">
                                                        {{ $biaya->coa }} | {{ $biaya->keterangan_coa }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label>Nominal</label>
                                    <input type="number" min="0" class="form-control" id="nominal" placeholder="Nominal Pengeluaran">
                                </div>
                                <div class="col-md-6 mt-3">
                                    <label>Keterangan</label>
                                    <textarea class="form-control" id="keterangan" placeholder="Keterangan"></textarea>
                                </div>
                                <div hidden class="transfer col-6 mt-3">
                                    <label class="form-label">Rekening Coa Jenis Transaksi</label>
                                    <select class="form-control" id="rekening_coa_transfer">
                                        <option selected disabled>--Pilih Rekening Coa--</option>
                                        @foreach ($rekeningCoaTf as $coaTf)
                                            @if ($coaTf->status == 0)
                                            <optgroup label="{{ $coaTf->coa }} | {{ $coaTf->keterangan_coa }}">
                                            @else
                                            <option value="{{ $biaya->id }}|{{ $coaTf->coa }}|{{ $coaTf->keterangan_coa }}">
                                                {{ $coaTf->coa }} | {{ $coaTf->keterangan_coa }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <hr>
                            <a href="javascript:void(0)" class="btn btn-warning" id="simpan_pengeluaran">Simpan Data</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 mt-2">
                <div class="card">
                    <div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
                    <div class="card-body">
                        <div class="col-md-12">
                            <form action="{{ route('pengeluaran.laporan') }}" method="POST">
                                @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <h5>Form Laporan</h5>
                                </div>
                                    <div class="col-md-4 mt-3">
                                        <label>Dari Tanggal</label>
                                        <input type="date" class="form-control" name="filter_tanggal_1" value="{{ date('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-4 mt-3">
                                        <label>Sampai Tanggal</label>
                                        <input type="date" class="form-control" name="filter_tanggal_2" value="{{ date('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-4 mt-5">
                                        <button type="submit" class="btn btn-warning" id="filter_laporan">Preview</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@include('pages.admin.pengeluaran.js')