@extends('layouts.master')

@section('css')
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
<style>
/* تنسيق الجدول الاحترافي */
.table-professional {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 15px;
}

.table-professional thead th {
    background-color: #f8f9fe;
    color: #495057;
    font-weight: 600;
    padding: 15px;
    border-bottom: 2px solid #eef2f7;
    text-align: center;
}

.table-professional tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #eef2f7;
    vertical-align: middle;
    text-align: center;
    color: #6c757d;
}

.table-professional tbody tr:hover {
    background-color: #fcfcfc;
}

.btn-remove {
    color: #dc3545;
    background: #fff5f5;
    border: 1px solid #ffc9c9;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
}

.btn-remove:hover {
    background: #dc3545;
    color: #fff;
}
</style>
@endsection

@section('title') {{__('home.send_product_from_other_branch_other')}} @stop

@section('page-header')
<div class="breadcrumb-header justify-content-between">
    <div class="my-auto">
        <h4 class="content-title mb-0">{{__('home.send_product_from_other_branch_other')}}</h4>
    </div>
</div>
@endsection

@section('content')
{{-- عرض أخطاء التحقق إن وجدت --}}
@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

@if (session()->has('productupdatedlocation'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <strong>{{ session()->get('productupdatedlocation') }}</strong>
    <button type="button" class="close" data-dismiss="alert">&times;</button>
</div>
@endif

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header pb-0">
                <form id="movementForm"
                    action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale().'/create_sendProduct') }}"
                    method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" name="branch_id" value="{{ $branchId }}">

                    {{-- إذا كنا نقوم بتعديل مسودة مسترجعة، نرسل الـ ID الخاص بها --}}
                    @if(isset($draftMovement))
                    <input type="hidden" name="draft_id" value="{{ $draftMovement->id }}">
                    @endif

                    {{-- حقل مخفي لتحديد حالة الإرسال (مسودة draft أو مكتملة completed) --}}
                    <input type="hidden" name="status" id="movement_status" value="completed">

                    <div class="row">
                        <div class="col-lg-6 mb-2">
                            <label>{{ __('home.choosebranch_reciver') }}</label>
                            <select name="branch" id="branchs_id" onchange="getEmployeesByBranch()"
                                class="form-control">
                                <option value="">{{ __('home.Select_Receiving_Branch') }}</option>
                                @foreach (App\Models\branchs::get() as $section)
                                @if($section->id != $branchId)
                                <option value="{{ $section->id }}"
                                    {{ isset($draftMovement) && $draftMovement->branch_to == $section->id ? 'selected' : '' }}>
                                    {{ $section->name }}
                                </option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-6 mb-2">
                            <label for="inputName"
                                class="control-label parent-label">{{ __('home.chooseemployeereciver') }}</label>
                            <select name="employeereciver" id="employeereciver" class="form-control parent-input">
                                <option value="">{{ __('home.choose_supervisor_placeholder') }}
                                </option>
                                {{-- إذا كانت مسودة قادمة، نضع الموظف المخزن كخيار افتراضي لحين تحديثه بالـ Ajax --}}
                                @if(isset($draftMovement))
                                @php $savedUser = \App\Models\User::find($draftMovement->user_to); @endphp
                                @if($savedUser)
                                <option value="{{ $savedUser->id }}" selected>{{ $savedUser->name }}</option>
                                @endif
                                @endif
                            </select>
                        </div>
                        @if (\App\Services\Accounting\WarehouseTransferService::enabled())
                        @php $transferKeepers = \App\Services\Accounting\WarehouseTransferService::keepers((int) $branchId); @endphp
                        <div class="col-lg-12 mb-2">
                            <label class="control-label parent-label">أمين المستودع (يأكد الصرف من الفرع) <span class="text-danger">*</span></label>
                            @if ($transferKeepers->isEmpty())
                                <div class="alert alert-danger mb-1">
                                    مفيش أمين مستودع متعرّف لهذا الفرع. لازم تعيّن لمستخدم صلاحية سندات الاستلام (warehouse_receipts) وتحدد فرعه قبل إرسال أي منتج.
                                </div>
                            @endif
                            <select name="warehouse_keeper_id" id="warehouse_keeper_id" class="form-control" required>
                                <option value="">-- اختر أمين المستودع --</option>
                                @foreach ($transferKeepers as $k)
                                    <option value="{{ $k->id }}" @selected($k->id == old('warehouse_keeper_id', $draftMovement->warehouse_keeper_id ?? ($transferKeepers->count() === 1 ? $transferKeepers->first()->id : null)))>{{ $k->name }}</option>
                                @endforeach
                            </select>
                            <small class="text-muted">الكمية مش هتتخصم من الفرع إلا لما أمين المستودع يأكد الصرف</small>
                        </div>
                        @endif
                    </div>

                    <div class="row my-4 justify-content-center">
                        <a class="btn btn-warning" data-toggle="modal" href="#SearchProduct">
                            <i class="las la-search"></i> {{ __('home.chooose product') }}
                        </a>
                    </div>

                    <div class="table-responsive">
                        <table class="table-professional">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>رقم المنتج</th>
                                    <th>{{ __('home.product') }}</th>
                                    <th>{{ __('home.quantity') }}</th>
                                    <th>{{ __('home.thecostProduct') }}</th>
                                    <th>{{ __('home.operations') }}</th>
                                </tr>
                            </thead>
                            <tbody id="products_body">
                                {{-- استرجاع وعرض منتجات المسودة تلقائياً إن وجدت --}}
                                @if(isset($draftItems) && count($draftItems) > 0)
                                @foreach($draftItems as $item)
                                <tr>
                                    <td>#</td>
                                    <td dir="ltr">{{ $item->product->Product_Code ?? '-' }}</td>
                                    <td>
                                        {{ $item->product->product_name ?? $item->product->name ?? 'منتج غير معروف' }}
                                        <input type="hidden" name="products[]" value="{{ $item->product_id }}">
                                    </td>
                                    <td>
                                        <input type="number" min="0.01" step="any" name="quantities[]"
                                            class="form-control" value="{{ $item->quantity }}"
                                            style="width:100px; margin:auto;">
                                    </td>
                                    <td>
                                        <span class="unit-cost">{{ number_format((float) $item->cost_per_each_withoud_tax, 2, '.', '') }}</span>
                                        <input type="hidden" name="prices[]"
                                            value="{{ $item->cost_per_each_withoud_tax }}">
                                    </td>
                                    <td>
                                        <button type="button" class="btn-remove remove-row"><i
                                                class="las la-trash"></i></button>
                                    </td>
                                </tr>
                                @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>

                    <div class="alert alert-primary d-flex justify-content-between align-items-center mt-3 mb-0" dir="rtl">
                        <strong>إجمالي تكلفة السند</strong>
                        <strong><span id="transferGrandTotal">0.00</span></strong>
                    </div>
                    <div class="d-flex flex-wrap justify-content-center align-items-center mt-3" style="gap:18px" dir="rtl">
                        <label class="mb-0 d-inline-flex align-items-center" style="gap:7px;cursor:pointer">
                            <input type="checkbox" id="lockTransferQty">
                            <span>إقفال الكمية</span>
                        </label>
                        <label class="mb-0 d-inline-flex align-items-center text-muted" style="gap:7px">
                            <input type="checkbox" checked disabled>
                            <span>إقفال سعر التكلفة</span>
                        </label>
                    </div>

                    {{-- قسم أزرار التحكم بالحفظ والحفظ كمسودة --}}
                    {{-- قسم أزرار التحكم بالحفظ والطباعة --}}
                    <div class="d-flex justify-content-center align-items-center mt-4" style="gap: 10px;">

                        {{-- زر الحفظ كمسودة --}}
                        <button type="button" id="draftBtn" class="btn btn-secondary px-4"
                            onclick="submitMovementForm('draft')">
                            <i class="las la-file-alt"></i> {{ __('home.Save_As_Draft') }}
                        </button>

                        {{-- زر الحفظ النهائي --}}
                        <button type="button" id="submitBtn" class="btn btn-primary px-5"
                            onclick="submitMovementForm('completed')">
                            <i class="las la-save"></i> {{ __('home.save_data') }}
                        </button>


                    </div>

            </div>
            </form>

                        <br>

        </div>
               <br>

<center>

          {{-- زر الطباعة (يظهر فقط إذا كان هناك رقم فاتورة $data) --}}
                        @if(session()->has('saved_movement_id') || (isset($data) && !empty($data)))
                        @php
                        // نجلب القيمة من السيشن، وإذا لم تكن موجودة نجلبها من المتغير $data
                        $invoiceId = session()->get('saved_movement_id') ?? $data;
                        @endphp

                        <form
                            action="{{ url(Mcamara\LaravelLocalization\Facades\LaravelLocalization::getCurrentLocale() .'/print_Transfer_items') }}"
                            method="POST" target="_blank" class="m-0">
                            {{ csrf_field() }}

                            <input type="number" name="sprint_invoice_number" value="{{ $invoiceId }}" hidden>

                            <button type="submit" class="btn btn-success px-4"
                                style="background-color: #419BB2; border-color: #419BB2;">
                                <i class="las la-print"></i> {{ __('home.print') }}
                            </button>
                        </form>
                        @endif
</center>
    </div>
</div>
</div>

<div class="modal fade" id="SearchProduct" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-body">
                <input type="text" class="form-control mb-3" placeholder="{{ __('home.searchaboutproduct') }}"
                    id="searchaboutproduct" onkeyup="searchaboutproductfunction()">
                <div id="ajax_responce_serarchDiv"></div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
function getEmployeesByBranch() {
    let branchId = $('#branchs_id').val();
    let employeeSelect = $('#employeereciver');
    let currentSavedUser = "{{ isset($draftMovement) ? $draftMovement->user_to : '' }}";

    // نصوص الترجمة الخاصة بالـ AJAX
    let txtLoading = "{{ __('home.Loading_Employees') }}";
    let txtSelect = "{{ __('home.Select_Receiving_Employee') }}";
    let txtError = "{{ __('home.Error_Loading_Data') }}";
    let txtSelectBranchFirst = "{{ __('home.Select_Branch_First') }}";

    employeeSelect.empty();
    employeeSelect.append('<option value="">' + txtLoading + '</option>');

    if (branchId) {
        $.ajax({
            url: "{{ URL::to('get-branch-employees') }}/" + branchId,
            type: "GET",
            dataType: "json",
            success: function(data) {
                employeeSelect.empty();
                employeeSelect.append('<option value="">' + txtSelect + '</option>');

                $.each(data, function(key, value) {
                    let isSelected = (currentSavedUser == value.id) ? 'selected' : '';
                    employeeSelect.append('<option value="' + value.id + '" ' + isSelected + '>' +
                        value.name + '</option>');
                });
            },
            error: function() {
                employeeSelect.empty();
                employeeSelect.append('<option value="">' + txtError + '</option>');
            }
        });
    } else {
        employeeSelect.empty();
        employeeSelect.append('<option value="">' + txtSelectBranchFirst + '</option>');
    }
}

$(document).ready(function() {
    // جلب الـ draft_id من رابط المتصفح العلوي إن وجد
    let urlParams = new URLSearchParams(window.location.search);
    let draftId = urlParams.get('draft_id');

    // إذا كان المستخدم قادماً من زر "استكمال وتعديل المسودة"
    if (draftId) {
        // التأكد من وضع الـ id في الحقل المخفي الخاص بالفورم لتأمين عملية التحديث
        if ($('input[name="draft_id"]').length === 0) {
            $('#movementForm').prepend('<input type="hidden" name="draft_id" value="' + draftId + '">');
        } else {
            $('input[name="draft_id"]').val(draftId);
        }

        // ✨ السحر هنا: تنظيف شريط عنوان المتصفح وحذف "?draft_id=..." بدون إعادة تحميل الصفحة
        let cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        window.history.replaceState({
            path: cleanUrl
        }, '', cleanUrl);
    }

    // تشغيل جلب الموظفين تلقائياً للفرع المحدد
    if ($('#branchs_id').val()) {
        getEmployeesByBranch();
    }
    if ($('#branchs_id').val()) {
        getEmployeesByBranch();
    }
});

function submitMovementForm(status) {
    // نصوص الترجمة
    let txtSelectProduct = "{{ __('home.Please_Select_At_Least_One_Product') }}";
    let txtSavingDraft = "{{ __('home.Saving_Draft') }}";
    let txtSavingFinal = "{{ __('home.Saving_Final') }}";

    if ($('#products_body tr').length === 0) {
        alert(txtSelectProduct);
        return;
    }

    $('#movement_status').val(status);

    $('#submitBtn').prop('disabled', true);
    $('#draftBtn').prop('disabled', true);

    if (status === 'draft') {
        $('#draftBtn').html('<i class="fa fa-spinner fa-spin"></i> ' + txtSavingDraft);
    } else {
        $('#submitBtn').html('<i class="fa fa-spinner fa-spin"></i> ' + txtSavingFinal);
    }

    $('#movementForm').submit();
}

function updateTransferGrandTotal() {
    let total = 0;
    $('#products_body tr').each(function () {
        const qty = parseFloat($(this).find('input[name="quantities[]"]').val()) || 0;
        const cost = parseFloat($(this).find('input[name="prices[]"]').val()) || 0;
        total += qty * cost;
    });
    $('#transferGrandTotal').text(total.toLocaleString('en-US', {minimumFractionDigits: 2, maximumFractionDigits: 2}));
}

$(document).on('input change', 'input[name="quantities[]"]', updateTransferGrandTotal);

$('#lockTransferQty').on('change', function () {
    $('input[name="quantities[]"]').prop('readonly', this.checked);
});

$('#SearchProduct').on('show.bs.modal', function() {
    $('#searchaboutproduct').val('');
    searchaboutproductfunction();
});

function searchaboutproductfunction() {
    let searchtext = $('#searchaboutproduct').val();
    let current_user_branch = "{{ $branchId }}";
    searchtext = searchtext.trim();
    let url = searchtext === ''
        ? "{{ URL::to('ChooseProductpaginatenew') }}/" + current_user_branch
        : "{{ URL::to('searchChooseProductpaginatenew') }}/" + encodeURIComponent(searchtext) + "/" + current_user_branch;

    $.ajax({
        url: url,
        type: 'get',
        success: function(data) {
            $("#ajax_responce_serarchDiv").html(data);
        }
    });
}

// إبقاء ترقيم صفحات المنتجات داخل النافذة وتحميل الصفحة المطلوبة بـ AJAX.
$(document).on('click', '#ajax_responce_serarchDiv #ajax_pagination_in_search a', function(event) {
    event.preventDefault();
    let url = $(this).attr('href');
    if (!url) return;
    $.ajax({
        url: url,
        type: 'get',
        success: function(data) {
            $("#ajax_responce_serarchDiv").html(data);
        }
    });
});

$('#SearchProduct').on('hidden.bs.modal', function () {
    $('body').removeClass('modal-open');
    $('.modal-backdrop').remove();
});

function chooseProduct(arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7) {
    $('#SearchProduct').modal('hide');
    $('body').removeClass('modal-open');
    $('.modal-backdrop').remove();

    var id = arg0;
    var name = '';
    var sale_price = 0;

    if (arg2 !== undefined && isNaN(arg2)) {
        name = arg2;
        sale_price = arg4;
    } else {
        name = arg1;
        sale_price = arg2;
    }

    if ($(`input[value="${id}"][name="products[]"]`).length > 0) {
        alert('المنتج مضاف بالفعل في الجدول');
        return;
    }

    let safeName = $('<div>').text(name).html();
    let row = `<tr>
            <td>#</td>
            <td class="product-code" dir="ltr">...</td>
            <td class="product-name">${safeName}<input type="hidden" name="products[]" value="${id}"></td>
            <td><input type="number" min="0.01" step="any" name="quantities[]" class="form-control" value="1" style="width:100px; margin:auto;"></td>
            <td class="unit-cost-cell" data-product="${id}"><span class="unit-cost">...</span><input type="hidden" name="prices[]" value="0"></td>
            <td><button type="button" class="btn-remove remove-row"><i class="las la-trash"></i></button></td>
        </tr>`;
    let $row = $(row).appendTo('#products_body');

    // تكلفة القطعة = متوسط التكلفة للصنف (المحسوب في السيرفر)
    $.getJSON("{{ url('product-unit-cost') }}/" + encodeURIComponent(id), function (res) {
        // بيانات الاسم والكود والتكلفة تأتي من قاعدة البيانات، لا من نص الاختيار بالواجهة.
        $row.find('.product-code').text(res.product_code || '-');
        $row.find('.product-name').contents().filter(function () { return this.nodeType === 3; }).first().replaceWith(
            document.createTextNode(res.product_name || name)
        );
        let cost = Number(res.unit_cost) || 0;
        $row.find('.unit-cost').text(cost.toFixed(2));
        $row.find('input[name="prices[]"]').val(cost.toFixed(2));
        updateTransferGrandTotal();
    }).fail(function () {
        $row.find('.unit-cost').text('تعذر تحميل التكلفة');
    });
    updateTransferGrandTotal();
}

$(document).on('click', '.remove-row', function() {
    $(this).closest('tr').remove();
    updateTransferGrandTotal();
});

$(document).ready(updateTransferGrandTotal);
</script>
@endsection