@extends('backend.layouts.master')
@section('section-title', 'Expense')
@section('page-title', 'Add Expense')

@if (check_permission('expense.update'))
    @section('action-button')
        <a href="{{ route('expense.index') }}" class="btn add_list_btn">
            <i class="mr-2 feather icon-list"></i>
            All Expense
        </a>
    @endsection
@endif

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card m-b-30 card_style">
                <div class="card-body">
                    <div class="">
                        <form class="row g-3 needs-validation" method="POST" action="{{ route('expense.store') }}"
                            enctype="multipart/form-data">
                            @csrf

                            @if (auth()->user()->branch_id == 1)
                                <div class="col-md-4 mt-2">
                                    <label for="" class="form-label fw-bold">Branch *</label>
                                    <select class="select2" name="branch_id">
                                        @foreach ($allBranch as $branch)
                                            <option value={{ $branch->id }}>{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                    <div class="errors">
                                        {{ $errors->has('branch_id') ? $errors->first('branch_id') : '' }}</div>

                                </div>
                            @endif
                            {{-- Purchase Date --}}
                            <div class="mt-2 col-md-4">
                                <label class="form-label font-weight-bold">Date *</label>
                                <input type="date" class="form-control" value="{{ date('Y-m-d') }}" name="date"
                                    required>
                                <div class="errors">{{ $errors->has('date') ? $errors->first('date') : '' }}</div>
                            </div>

                            {{-- Expense name --}}
                            <div class="mt-2 col-md-4">
                                <label for="name" class="form-label fw-bold">Name *</label>
                                <input type="text" class="form-control" name="name" placeholder="Enter Expense Name">
                                <div class="errors">{{ $errors->has('name') ? $errors->first('name') : '' }}</div>
                            </div>

                            {{-- Category --}}
                            <div class="mt-2 col-md-6">
                                <label for="category_id" class="form-label fw-bold">Select Category *</label>
                                <select class="select2" name="category_id">
                                    <option selected value="">Select Category</option>
                                    @foreach ($categories as $category)
                                        <option value={{ $category->id }}>{{ $category->name }}</option>
                                    @endforeach
                                </select>
                                <div class="errors">{{ $errors->has('category_id') ? $errors->first('category_id') : '' }}
                                </div>
                            </div>

                            {{-- Account --}}
                            <div class="mt-2 col-md-6">
                                <label for="bank_id" class="form-label fw-bold">Select Bank Account</label>
                                <select class="select2" name="bank_id">
                                    <option selected value="">Select Bank Account</option>
                                    @foreach ($bank_accounts as $bank_account)
                                        <option value={{ $bank_account->id }}>{{ $bank_account->bank_name }}</option>
                                    @endforeach
                                </select>
                                <div class="errors">{{ $errors->has('bank_id') ? $errors->first('bank_id') : '' }}</div>
                            </div>

                            {{-- Amount --}}
                            <div class="mt-2 col-md-6">
                                <label for="amount" class="form-label fw-bold">Amount *</label>
                                <input type="number" class="form-control" name="amount" placeholder="Enter Amount"
                                    required>
                                <div class="errors">{{ $errors->has('amount') ? $errors->first('amount') : '' }}</div>
                            </div>

                            {{-- Note --}}
                            <div class="mt-2 col-md-6">
                                <label class="form-label fw-bold">Note</label>
                                <textarea class="form-control" name="note" rows="2"></textarea>
                            </div>

                            <div class="mt-3 text-center col-12">
                                <button class="btn save_btn" type="submit"> Save </button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#image')
                        .attr('src', e.target.result)
                        .width(120)
                        .height(80);
                };
                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>

@endsection