@extends('layouts.backend.index')
@section('title', $label)

@section('content')
<div class="card">
    <div class="card-body">
        <x-section-header action="create" :icon="$icon" :label="$label" hr-class="mb-4" />

        <form id="form" method="post" action="{{ route('finance.spending.store') }}" class="form-block" enctype="multipart/form-data">
            @csrf

            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.date-picker
                        name="dates"
                        label="Tanggal"
                        picker-type="date"
                        :old="old('dates', date('d-m-Y'))"
                    />
                </div>
                <div class="col-sm-4">
                    <x-form.select
                        name="id_category"
                        label="Kategori"
                        :option="$categories"
                        :old="old('id_category')"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-md-3">
                    <x-form.input-group-mask
                        name="total"
                        label="Jumlah"
                        mask="nominal"
                        addon="Rp"
                        :old="old('total')"
                    />
                </div>
                <div class="col-sm-4" id="form-source">
                    <x-form.radio
                        name="source"
                        label="Sumber Dana"
                        :option="['1' => 'Kas', '2' => 'Rekening']"
                        :old="old('source')"
                    />
                </div>
                <div class="col-sm-4" id="form-bank">
                    <x-form.select
                        name="source_account"
                        label="Rekening Bank"
                        :option="$accounts"
                        :old="old('source_account', 1)"
                    />
                </div>
            </div>
            <x-form.text-area
                name="descr"
                label="Keterangan"
                :old="old('descr')"
            />
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="form-group">
                        <label>Bukti Transaksi <small class="text-muted">( Opsional )</small></label><br />
                        <input type="file" name="file_proof" class="form-control" />
                        <small class="text-muted">Gunakan file pdf, jpg, jpeg atau png. Ukuran file maksimal 10 MB.</small>
                    </div>
                </div>
            </div>

            <x-form.button-submit :cancel-route="route('finance.spending.index')" />
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
const error = "@isset($errors->all()[0]) {{ $errors->all()[0] }} @endisset"

$(document).ready(function() {
    window.LaravelDataTables = window.LaravelDataTables || {}

    if (error != "")
        setNotiffail(error)
    
    $("#form-bank").hide()
    $(".nominal-mask").inputmask({alias: "nominal"})

    $("#form-source input").click(function(){
        if ($(this).val() == 1) 
            $("#form-bank").hide()
        else
            $("#form-bank").show()
        
        $("#form-bank select").val("").trigger("change")
    })
})
</script>
@endpush