@extends('backend.partials.master')

@section('title')
     Expense {{ !empty($old) ? 'Edit' : 'Create' }}
@endsection

@section('maincontent')
<main class="content">
    <div class="container-fluid p-0">

        <h1 class="h3 mb-3">{{ !empty($old) ? 'Edit' : 'Create' }} Expense</h1>

        <div class="card">
            <div class="card-body">

                <form
                    action="{{ !empty($old) ? route('officeexpenses.update') : route('officeexpenses.store') }}"
                    method="POST"
                    enctype="multipart/form-data"
                >
                    @csrf
                    @if(!empty($old))
                        @method('PUT')
                        <input type="hidden" name="id" value="{{ $old->id ?? '' }}">
                    @endif

                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label>Office Expense No. <span class="text-danger">*</span></label>
                            <input type="text" readonly name="exp_no" class="form-control"
                                   value="{{ old('exp_no', $old->exp_no ?? $ex_no) }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Date <span class="text-danger">*</span></label>
                            <input type="date" name="date" class="form-control"
                                   value="{{ old('date', $old->date ?? date('Y-m-d')) }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Lot No<span class="text-danger">*</span></label>
                            <select name="lot_no" class="form-control choices-single">
                            <option value="">Select Lot No</option>

                            @foreach($productlot as $lot)
                                <option value="{{ $lot }}"
                                    {{ old('lot_no', $old->lot_no ?? '') == $lot ? 'selected' : '' }}>
                                    {{ $lot }}
                                </option>
                            @endforeach
                        </select>
                             @error('lot_no')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                    </div>


                    <div class="row">
                         <div class="col-md-4 mb-3">
                            <label>Type of Expense <span class="text-danger">*</span></label>
                            <select name="exp_type" id="exp_type" class="form-control" onchange="showSalary()">
                                <option value="" selected disabled>Select Type</option>
                                {{-- <option value="salary" {{ old('exp_type', $old->exp_type ?? '')=='salary'?'selected':'' }}>Salary</option> --}}

                                @foreach($expensetype as $e)
                                    <option value="{{ $e->id }}"
                                        {{ old('exp_type', $old->exp_type ?? '') == $e->id ? 'selected' : '' }}>
                                        {{ $e->name }}
                                    </option>
                                @endforeach
                            </select>
                              @error('exp_type')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>


                    <div class="col-md-4 mb-3">
                            <label>Expense Amount <span class="text-danger">*</span></label>
                            <input type="text" name="expense_amount" id="expense_amount" class="form-control"
                                   value="{{ old('expense_amount', $old->expense_amount ?? '') }}">
                      @error('expense_amount')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                    </div>

                        <div class="col-md-4 mb-3">
                            <label>Payable To <span class="text-danger">*</span></label>
                            <input type="text" name="inc_by" class="form-control"
                                   value="{{ old('inc_by', $old->inc_by ?? '') }}">
                                    @error('inc_by')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                    </div>

                    <!-- Salary Section -->
                    <div id="salary_div" style="display:none;">
                        <div class="row">

                            <div class="col-md-4 mb-3">
                                <label>Salary Amount</label>
                                <input type="text" name="salary" class="form-control"
                                       value="{{ old('salary', $old->salary ?? '') }}">
                            </div>

                            <div class="col-md-4 mb-3">
                                <label>Month / Year</label>
                                <div class="d-flex gap-2">
                                    <select name="month" class="form-control">
                                        <option value="">Month</option>
                                        @for($i=1;$i<=12;$i++)
                                            <option value="{{ $i }}"
                                                {{ old('month', $old->month ?? '') == $i ? 'selected' : '' }}>
                                                {{ DateTime::createFromFormat('!m',$i)->format('M') }}
                                            </option>
                                        @endfor
                                    </select>

                                    <select name="year" class="form-control">
                                        <option value="">Year</option>
                                        @for($y = date('Y'); $y >= 2016; $y--)
                                            <option value="{{ $y }}"
                                                {{ old('year', $old->year ?? '') == $y ? 'selected' : '' }}>
                                                {{ $y }}
                                            </option>
                                        @endfor
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label>Total (Auto)</label>
                                <input type="text" name="debit" id="debit" readonly class="form-control"
                                       value="{{ old('debit', $old->total ?? '') }}">
                            </div>

                        </div>
                    </div>

                    <h4 class="mt-4"><b>Payment Details</b></h4>

                    <div class="row mt-3">

                        <div class="col-md-4 mb-3">
                            <label>Payment Method <span class="text-danger">*</span></label>
                            <select name="pay_method" id="pay_method" class="form-control" onchange="getChequeNo()">
                                 <option value="" selected disabled>Select Payment Method</option>
                                <option value="cash"
                                    {{ old('pay_method', $payment1->payment_method ?? '')=='cash'?'selected':'' }}>
                                    Cash
                                </option>
                                <option value="cheque"
                                    {{ old('pay_method', $payment1->payment_method ?? '')=='cheque'?'selected':'' }}>
                                    Cheque
                                </option>
                                <option value="E-Payment"
                                    {{ old('pay_method', $payment1->payment_method ?? '')=='E-Payment'?'selected':'' }}>
                                    E-Payment
                                </option>
                            </select>
                             @error('pay_method')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>cheque no/Transaction ID</label>
                            <input type="text" name="cheque_no" id="cheque_no" class="form-control"
                                   value="{{ old('cheque_no', $payment1->cheque_no ?? '') }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Amount <span class="text-danger">*</span></label>
                            <input type="number" name="Total" id="Total" class="form-control"
                                   value="{{ old('Total', $old->total ?? '') }}" readonly>
                             @error('Total')
                           <small class="text-danger">{{ $message }}</small>
                           @enderror
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-md-4 mb-3">
                            <label>Narration</label>
                            <input type="text" name="narr" class="form-control"
                                   value="{{ old('narr', $old->narr ?? '') }}">
                        </div>

                        <div class="col-md-4 mb-3">
                            <label>Upload Document</label>
                            <input type="file" name="uploadfile1" class="form-control">

                            @if(!empty($old->logo))
                                <img src="{{ asset('upload/'.$old->logo) }}" width="80" class="mt-2">
                            @endif
                        </div>

                    </div>

                    <button class="btn btn-primary">{{ !empty($old) ? 'Update' : 'Create' }}</button>
                    <a href="{{ route('officeexpenses') }}" class="btn btn-secondary">Cancel</a>

                </form>

            </div>
        </div>
    </div>
</main>
@endsection

@push('scripts')
<script>
    // Get the input fields
    const expenseAmount = document.getElementById('expense_amount');
    const total = document.getElementById('Total');

    // Update Total whenever expense_amount changes
    expenseAmount.addEventListener('input', function() {
        // Optional: make sure it's a number
        let value = parseFloat(expenseAmount.value) || 0;
        total.value = value;
    });
</script>
<script>
function showSalary() {
    let type = document.getElementById('exp_type').value;
    document.getElementById('salary_div').style.display = (type == 'salary') ? 'block' : 'none';
}
showSalary(); // run on page load

function getChequeNo() {
    let type = document.getElementById('pay_method').value;
    let cheque = document.getElementById('cheque_no');

    if (type === 'cash' || type === '') {
        cheque.readOnly = true;
        cheque.value = '';
    } else {
        cheque.readOnly = false;
    }
}
getChequeNo(); // run on page load
</script>
@endpush