@extends('layouts.default')

@section('content')

    <!--begin::Dashboard-->
    <!--begin::Row-->
    <div class="row">

        <div class="col-lg-12 col-xxl-4 order-1 order-xxl-2">
            <!--begin::Card-->
            <div class="card card-custom gutter-b example example-compact">
                <div class="card-header">
                    <h3 class="card-title">New Expense</h3>
                </div>

                <!--begin::Form-->
                <form class="form" method="POST" action="{{route('expenses.store')}}" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="mb-1">
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Building <span class="text-danger">*</span></label>
                                <div class="col-lg-6">
                                    <select class="form-control @error('building_id') is-invalid @enderror" id="building-id" name="building_id" required>
                                        <option value="">--Please Select--</option>
                                        {!! select($buildings->toArray(), old('building_id')) !!}
                                    </select>
                                    @error('building_id')
                                    <div class="invalid-feedback">{{ $errors->first('building_id') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Expense Head <span class="text-danger">*</span></label>
                                <div class="col-lg-6">
                                    <select class="form-control @error('expense_head_id') is-invalid @enderror" id="expense_head_id" name="expense_head_id" required>
                                        <option value="">--Please Select--</option>
                                    </select>
                                    @error('expense_head_id')
                                    <div class="invalid-feedback">{{ $errors->first('expense_head_id') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Payment Date <span class="text-danger">*</span></label>
                                <div class="col-lg-6">
                                    <input type="date" name="payment_date" class="form-control @error('payment_date') is-invalid @enderror" value="{{old('payment_date')}}" placeholder="Payment Date" />
                                    @error('payment_date')
                                    <div class="invalid-feedback">{{ $errors->first('payment_date') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Year & Month <span class="text-danger">*</span></label>
                                <div class="col-lg-3">
                                    <select class="form-control @error('year') is-invalid @enderror" id="year" name="year" required>
                                        <option value="">--Select Year--</option>
                                        {!! select(getYears(), old('year')) !!}
                                    </select>
                                    @error('year')
                                    <div class="invalid-feedback">{{ $errors->first('year') }}</div>
                                    @enderror
                                </div>
                                <div class="col-lg-3">
                                    <select class="form-control @error('month') is-invalid @enderror" id="month" name="month" required>
                                        <option value="">--Select Month--</option>
                                        {!! select(getMonths(), old('month')) !!}
                                    </select>
                                    @error('month')
                                    <div class="invalid-feedback">{{ $errors->first('month') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Payment Amount <span class="text-danger">*</span></label>
                                <div class="col-lg-6">
                                    <input type="number" name="expense_amount" min="1" class="form-control @error('expense_amount') is-invalid @enderror" value="{{old('expense_amount')}}" placeholder="Amount" />
                                    @error('expense_amount')
                                    <div class="invalid-feedback">{{ $errors->first('expense_amount') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Memo Number:</label>
                                <div class="col-lg-6">
                                    <input type="text" name="memo_number" class="form-control @error('memo_number') is-invalid @enderror" value="{{old('memo_number')}}" placeholder="Paid By" />
                                    @error('memo_number')
                                    <div class="invalid-feedback">{{ $errors->first('memo_number') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Remarks:</label>
                                <div class="col-lg-6">
                                    <input type="text" name="remarks" class="form-control @error('remarks') is-invalid @enderror" value="{{old('remarks')}}" placeholder="Remarks" />
                                    @error('remarks')
                                    <div class="invalid-feedback">{{ $errors->first('remarks') }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-lg-3 col-form-label">Attachment:</label>
                                <div class="col-lg-6">
                                    <input type="file" name="attachment_file" class="form-control @error('attachment') is-invalid @enderror" value="{{old('attachment')}}" placeholder="Remarks" />
                                    @error('attachment')
                                    <div class="invalid-feedback">{{ $errors->first('attachment') }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-lg-3"></div>
                            <div class="col-lg-6">
                                <button type="submit" class="btn btn-success mr-2">Submit</button>
                                <button type="reset" class="btn btn-secondary">Cancel</button>
                            </div>
                        </div>
                    </div>
                </form>
                <!--end::Form-->
            </div>
            <!--end::Card-->
        </div>
    </div>
    <!--end::Row-->


@endsection

@push('scripts')
    <script>
        $('#building-id').change(function (){
            if ($(this).val() != ''){
                buildingId = $(this).val();
                $.get( "{{route('expense-heads.list')}}", {building_id : buildingId}, function(data) {
                    optionHtml = '<option value="">--Please Select--</option>';
                    if (data != '') {
                        for(i in data) {
                            row = data[i];
                            optionHtml += '<option value="'+i+'">'+row+'</option>';
                        }
                    }
                    $("#expense_head_id").html(optionHtml);
                });
            }

        });
    </script>
@endpush