@extends('client.layouts.app')
@section('title', 'تعديل القيد')
@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-start mb-0">تعديل القيد</h2>
                        <div class="breadcrumb-wrapper">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('client.home') }}">لوحة التحكم</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('client.manualJournal.index') }}">القيود اليدوية</a></li>
                                <li class="breadcrumb-item active">تعديل</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <!-- Validation Errors -->
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <section id="multiple-column-form">
                <div class="row">
                    <div class="col-xl-12 col-md-12 col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">البيانات الاساسية</h4>
                            </div>
                            <div class="card-body">
                                <form class="form" id="editForm" action="{{ route('client.manualJournal.update', $manualJournal->id) }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('PUT')

                                    <input type="hidden" name="company_id" value="{{ $company_id }}">

                                    <div class="row">
                                        <div class="col-12 mb-3 shadow p-3 mb-5 bg-white rounded">
                                            <div class="row">
                                                <div class="mb-1">
                                                    <b class="form-label">الفرع</b>
                                                    <select class="form-control select2" name="branch_id">
                                                        @foreach ($branches as $branch)
                                                            <option value="{{ $branch->id }}" {{ $branch->id == $manualJournal->branch_id ? 'selected' : '' }}>
                                                                {{ $branch->branch_name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-4 mb-1">
                                                    <b class="form-label" for="name">رقم القيد</b>
                                                    <input class="form-control" name="name" type="text" id="name" placeholder="اسم القيد" value="{{ $manualJournal->name }}">
                                                </div>
                                                
                                                <div class="col-md-4 mb-1">
                                                    <b class="form-label" for="created_at">تاريخ القيد</b>
                                                    <input class="form-control" name="created_at" type="date" id="date" placeholder="اسم القيد" value="{{ $manualJournal->created_at->format('Y-m-d') }}">
                                                </div>
                                          
                                                <div class="col-md-4 mb-1">
                                                    <b class="form-label">مرفق</b>
                                                    <input accept=".jpg,.png,.jpeg" type="file" oninput="pic.src=window.URL.createObjectURL(this.files[0])" id="file" name="file" class="form-control">
                                                    <label for="" class="d-block">معاينة الصورة</label>
                                                    <img id="pic" style="width: 100px; height:100px;" src="{{ asset('storage/' . $manualJournal->file) }}" />
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div id="entry-rows" class="col-12">
                                            @foreach($manualJournal->entries as $index => $entry)
                                                <div class="entry-row mb-2">
                                                    <div class="row">
                                                        <div class="col-md-3 mb-1">
                                                            <b class="form-label" for="combined">الحساب</b>
                                                            <select name="item[]" class="form-control search select2">
                                                                <option value="">اختر الحساب</option>
                                                                @foreach ($fixed_expenses as $expenses)
                                                                    <option value="expenses-{{ $expenses->id }}" {{ $entry->fixed_expense_id == $expenses->id ? 'selected' : '' }}>
                                                                        {{ $expenses->fixed_expense }}
                                                                    </option>
                                                                @endforeach
                                                                
                                                                @foreach ($banks as $bank)
                                                                    <option value="bank-{{ $bank->id }}" {{ $entry->bank_id == $bank->id ? 'selected' : '' }}>
                                                                        {{ $bank->bank_name }}
                                                                    </option>
                                                                @endforeach
                                                                
                                                                @foreach ($safes as $safe)
                                                                    <option value="safe-{{ $safe->id }}" {{ $entry->safe_id == $safe->id ? 'selected' : '' }}>
                                                                        {{ $safe->safe_name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4 mb-1">
                                                            <b class="form-label" for="expense_details">شرح القيد</b>
                                                            <input class="form-control" name="expense_details[]" type="text" value="{{ $entry->expense_details }}">
                                                        </div>
                                                        <div class="col-md-2 mb-1">
                                                            <b class="form-label" for="debit-amount">مدين</b>
                                                            <input class="form-control debit-amount" name="debit_amount[]" type="number" step="0.01" placeholder="مدين" value="{{ $entry->type == 'مدين' ? $entry->amount : '' }}">
                                                        </div>
                                                        <div class="col-md-2 mb-1">
                                                            <b class="form-label" for="credit-amount">دائن</b>
                                                            <input class="form-control credit-amount" name="credit_amount[]" type="number" step="0.01" placeholder="دائن" value="{{ $entry->type == 'دائن' ? $entry->amount : '' }}">
                                                        </div>
                                                        <div class="col-md-1 mb-1 d-flex align-items-center">
                                                            <button type="button" class="btn btn-danger btn-sm delete-row" style="display: flex; align-items: center; justify-content: center; height: 50%;">
                                                                <i class="las la-trash"></i> 
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                        
                                        <div class="col-12 mb-3">
                                            <button type="button" class="btn btn-primary" id="add-row">إضافة صف جديد</button>
                                        </div>
                                        
                                        <!-- Calculations Section -->
                                        <div class="col-12 mb-3 shadow p-3 mb-5 bg-white rounded">
                                            <h4>الاحصائيات</h4>
                                            <div class="row">
                                                <div class="col-md-3 mb-1">
                                                    <b class="form-label">إجمالي المدين</b>
                                                    <input class="form-control" type="text" id="total-debit" readonly>
                                                    <input type="hidden" name="total_debit" id="hidden-total-debit">
                                                </div>
                                                <div class="col-md-3 mb-1">
                                                    <b class="form-label">إجمالي الدائن</b>
                                                    <input class="form-control" type="text" id="total-credit" readonly>
                                                    <input type="hidden" name="total_credit" id="hidden-total-credit">
                                                </div>
                                                <div class="col-md-6 mb-1">
                                                    <b class="form-label">الفرق</b>
                                                    <input class="form-control" type="text" id="difference" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="clearfix"></div>
                                        <div class="col-12" align="center">
                                            <br>
                                            <button type="submit" class="btn btn-success me-1">تعديل</button>
                                            <button type="button" class="btn btn-outline-danger" onclick="window.history.back()">رجوع</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('app-assets/js/select2.min.js') }}"></script>
<script>
    $(document).ready(function() {
        function updateCalculations() {
            let totalDebit = 0;
            let totalCredit = 0;
    
            $('#entry-rows .entry-row').each(function() {
                let debit = parseFloat($(this).find('.debit-amount').val()) || 0;
                let credit = parseFloat($(this).find('.credit-amount').val()) || 0;
    
                totalDebit += debit;
                totalCredit += credit;
            });
    
            $('#total-debit').val(totalDebit.toFixed(2));
            $('#total-credit').val(totalCredit.toFixed(2));
            $('#difference').val((totalDebit - totalCredit).toFixed(2));
    
            $('#hidden-total-debit').val(totalDebit);
            $('#hidden-total-credit').val(totalCredit);
        }
    
        $('#entry-rows').on('input', '.debit-amount, .credit-amount', updateCalculations);
        updateCalculations();
    
        $('#add-row').on('click', function() {
            let newRow = `
                <div class="entry-row mb-2">
                    <div class="row">
                        <div class="col-md-3 mb-1">
                            <b class="form-label" for="combined">الحساب</b>
                            <select name="item[]" class="form-control search">
                                <option value="">اختر الحساب</option>
                                @foreach ($fixed_expenses as $expenses)
                                    <option value="expenses-{{ $expenses->id }}">
                                        {{ $expenses->fixed_expense }}
                                    </option>
                                @endforeach
                                @foreach ($banks as $bank)
                                    <option value="bank-{{ $bank->id }}">
                                        {{ $bank->bank_name }}
                                    </option>
                                @endforeach
                                @foreach ($safes as $safe)
                                    <option value="safe-{{ $safe->id }}">
                                        {{ $safe->safe_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 mb-1">
                            <b class="form-label" for="expense_details">شرح القيد</b>
                            <input class="form-control" name="expense_details[]" type="text">
                        </div>
                        <div class="col-md-2 mb-1">
                            <b class="form-label" for="debit-amount">مدين</b>
                            <input class="form-control debit-amount" name="debit_amount[]" type="number" step="0.01">
                        </div>
                        <div class="col-md-2 mb-1">
                            <b class="form-label" for="credit-amount">دائن</b>
                            <input class="form-control credit-amount" name="credit_amount[]" type="number" step="0.01">
                        </div>
                        <div class="col-md-1 mb-1 d-flex align-items-center">
                            <button type="button" class="btn btn-danger btn-sm delete-row" style="display: flex; align-items: center; justify-content: center; height: 50%;">
                                <i class="las la-trash"></i> 
                            </button>
                        </div>
                    </div>
                </div>`;
            $('#entry-rows').append(newRow);
        });
    
        $('#entry-rows').on('click', '.delete-row', function() {
            $(this).closest('.entry-row').remove();
            updateCalculations();
        });
        // search select
        $('.select2').select2();
        $('#editForm').on('submit', function(e) {
            let totalDebit = parseFloat($('#hidden-total-debit').val()) || 0;
            let totalCredit = parseFloat($('#hidden-total-credit').val()) || 0;
            let difference = parseFloat($('#difference').val()) || 0;

            if (totalDebit !== totalCredit || difference !== 0) {
                e.preventDefault(); // Prevent form submission
                alert('إجمالي المدين يجب أن يساوي إجمالي الدائن. الرجاء التحقق من القيم.');
            }
        });
    });
</script>


@endsection