{{-- Category --}}
<div class="col-12">
    <label class=" mt-3 mb-sm-1"> Category <span class="text-danger">(required)*</span></label>
    <select name="category" class="form-control select2-show-search" id="category">
        <option value="" disabled selected>Select</option>
        @foreach ($expenses_categories as $category)
        {{-- <option value="{{ $category->ecid }}" {{ $category->ecid == $expenses->ecid || old('category') == $category->ecid? 'selected' : '' }}>{{ $category->name }}</option> --}}
        <option value="{{ $category->ecid }}" >{{ $category->name }}</option>
        @endforeach
    </select>
</div>
{{-- Title --}}
<div class="col-12">
    <label class=" mt-3 mb-sm-1"> Title <span class="text-danger">(required)*</span></label>
    <select name="title" class="form-control select2-show-search" id="title">
        @foreach ($expenses_titles as $title)
            {{-- <option value="{{ $title->etid }}" {{ $title->etid == $expenses->etid || old('title') == $title->etid? 'selected' : '' }}>{{ $title->name }}</option> --}}
        @endforeach
    </select>
</div>
{{-- Value --}}
<div class="col-6">
    <label class=" mt-3 mb-sm-1"> Value <span class="text-danger">(required)*</span></label>
    @if(old('value') != null)
        <input type="number" min="0" class="form-control{{ $errors->first('value') ? ' is-invalid'  :''}}" id="value" name="value" value="{{ old('value')}}" required>
    @elseif($expenses)
        <input type="number" min="0" class="form-control{{ $errors->first('value') ? ' is-invalid'  :''}}" name="value" value="{{ $expenses->value}}" required>
    @else
    <input type="number" min="0" name="value" class="form-control {{ $errors->first('value') ? ' is-invalid'  :''}}" required>
    @endif
</div>

{{-- Date --}}
<div class="col-6">
    <label class=" mt-3 mb-sm-1"> Date <span class="text-danger">(required)*</span></label>
    @if(old('date') != null)
        <input type="date"  class="form-control{{ $errors->first('date') ? ' is-invalid'  :''}}" id="date" name="date" value="{{ old('date')}}" required>
    @elseif($expenses)
        <input type="date"  class="form-control{{ $errors->first('date') ? ' is-invalid'  :''}}" name="date" value="{{ $expenses->date}}" required>
    @else
    <input type="date"  name="date" class="form-control {{ $errors->first('date') ? ' is-invalid'  :''}}" required>
    @endif
</div>

{{-- desc --}}
<div class="col-12">
    <label class=" mt-3 mb-sm-1"> Description <span class="text-danger">(required)*</span></label>
    @if(old('desc') != null)
        <input type="text"  class="form-control{{ $errors->first('desc') ? ' is-invalid'  :''}}" id="desc" name="desc" value="{{ old('desc')}}" required>
    @elseif($expenses)
        <input type="text" class="form-control{{ $errors->first('desc') ? ' is-invalid'  :''}}" name="desc" value="{{ $expenses->desc}}" required>
    @else
    <input type="text"  name="value" class="form-control {{ $errors->first('desc') ? ' is-invalid'  :''}}" required>
    @endif
</div>

{{-- image --}}
<div class="col-12">
    <label class=" mt-3 mb-sm-1"> Upload Bill <span class="text-success">(optional)</span></label>
    <div class="input-group file-browser">
        <input type="text"
            class="form-control validate border-end-0 browse-file bg-transparent "
            placeholder="Upload Image" readonly="" >
        <label class="input-group-btn">
            <span class="btn btn-primary br-bs-0 br-ts-0">
                Browse <input type="file" name="image"
                    id="bill_image" style="display: none;"
                    accept="image/*"
                    onchange="return  fileValidation('bill_image')"
                    >
            </span>
        </label>
    </div>
</div>
@section('admin-js')
<script>
    $('#category').on('change', function() {
            var $title = $('#title');
            $('#title').empty();
            $('#title').append(`<option value="0" disabled selected>Processing...</option>`);
            $.ajax({
                url: "{{ route('expensesCategoryFilter') }}",
                type: 'GET',
                data: {
                    ecid: $(this).val()
                },
                success: function(data) {
                    $('#title').empty();
                    $.each(data, function(id, value) {
                        $title.append('<option value="' + value.etid + '" >' +value.name+'</option>');
                });
                }
            });
        });
</script>
@endsection