@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/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

<style>
    /* إطار البحث العلوي */
    .search-section {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 20px;
        border: 1px solid #e1e6f1;
        box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    }
    
    .parent-label {
        font-weight: 600;
        color: #3b4863;
        margin-bottom: 8px;
        display: block;
        font-size: 13px;
    }

    .our-table thead th {
        background-color: #f9faff;
        color: #ff4f1f !important;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid #edf2f9 !important;
    }

    .btn-action-list {
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .total-badge {
        font-size: 15px;
        font-weight: bold;
        color: #28a745;
    }
</style>
@endsection

@section('title')
{{ __('home.recentquotation') }}
@endsection

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

@section('content')

@if (count($errors) > 0)
<div class="alert alert-danger">
    <button aria-label="Close" class="close" data-dismiss="alert" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
    <strong>خطأ</strong>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                
                <div class="search-section">
                    <div class="row">
                        <div class="col-lg-4">
                            <label class="parent-label">{{ __('home.enterinvoicenumber') }}</label>
                            <input class="form-control" value="{{ $start_at ?? '' }}" id="invoiceid_search" placeholder="00" type="text">
                        </div>

                        <div class="col-lg-4">
                            <label class="parent-label">{{ __('home.chooseclient') }}</label>
                            <select class="form-control select2" name="clientnamesearch" id="clientnamesearch">
                                <option label="-- اختر العميل --"></option>
                                @foreach (App\Models\customers::get() as $customer)
                                <option value="{{ $customer->id }}">
                                    {{ $customer->id == 1 ? __('home.Cash Custome') : $customer->name }} - {{ $customer->tax_no }}
                                </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-4">
                            <label class="parent-label">{{ __('users.branch') }}</label>
                            <select class="form-control select2" name="branch" id="branch_select">
                                <option value="{{ Auth()->user()->branch->id }}">{{ Auth()->user()->branch->name }}</option>
                                @foreach (App\Models\branchs::get() as $branch)
                                    <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                {{-- ===================== الجدول: نفس الـ partial اللي بيستخدمه البحث بالظبط ===================== --}}
                <div class="table-responsive" id="previous1uotestable">
                    @include('searchPreviousQuotes')
                </div>
                {{-- ===================================================================================== --}}

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

<div class="modal fade" id="paymentmethod">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">{{ __('home.paymentmethod') }}</h6>
                <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body text-right">
                <div class="text-center mb-3">
                    <label class="parent-label">{{ __('home.total') }}:</label>
                    <span id="totalvalue" class="h4 text-primary">0</span> <small>{{ __('home.SAR') }}</small>
                </div>
                
                <div class="form-group">
                    <label>{{ __('home.paymentmethod') }}</label>
                    <select class="form-control" name="paymodal" id='paymodal'>
                        <option value="Cash">{{ __('report.cash') }}</option>
                        <option value="Shabka">{{ __('report.shabka') }}</option>
                        <option value="Bank_transfer">{{ __('home.Bank_transfer') }}</option>
                        <option value="Credit">{{ __('report.credit') }}</option>
                        <option value="Partition">{{ __('home.Partition of the amount') }}</option>
                    </select>
                </div>

                <div class="row">
                    <div class="col-6 mb-2">
                        <label class="small">{{ __('report.cash') }}</label>
                        <input type="text" class="form-control" id="cashamount" readonly value="0">
                    </div>
                    <div class="col-6 mb-2">
                        <label class="small">{{ __('report.shabka') }}</label>
                        <input type="text" class="form-control" id="bankamount" readonly value="0">
                    </div>
                    <div class="col-6">
                        <label class="small">{{ __('home.Bank_transfer') }}</label>
                        <input type="text" class="form-control" id="Bank_transfer" readonly value="0">
                    </div>
                    <div class="col-6">
                        <label class="small">{{ __('report.credit') }}</label>
                        <input type="text" class="form-control" id="creaditamount" readonly value="0">
                    </div>
                </div>
                <input hidden type="text" id="invoiceid_hidden">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('home.cancel') }}</button>
                <button id="confirmpayment" class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="delete_quotation">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title">{{ __('home.alert') }}</h6>
                <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <p class="text-center">{{ __('home.Are_you_sure_delete') }}</p>
                <input type="hidden" id="delete_id">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('home.cancel') }}</button>
                <button id="delete_quotation_function" class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>
        </div>
    </div>
</div>

@endsection

@section('js')
<script src="{{ URL::asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>

<script>
    $(document).ready(function() {
        $('.select2').select2({ placeholder: 'اختر...', width: '100%' });

        // مودال الدفع - جلب البيانات
        $('#paymentmethod').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            var id = button.data('id');
            var total = button.data('totalinvoice');
            $('#invoiceid_hidden').val(id);
            $('#totalvalue').text(total);
            $('#cashamount').val(total);
        });

        // مودال الحذف - جلب البيانات
        $('#delete_quotation').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            $('#delete_id').val(button.data('id'));
        });

        // تغيير طريقة الدفع
        $('#paymodal').on('change', function() {
            var method = $(this).val();
            var total = $('#totalvalue').text();
            
            // صفر جميع الحقول أولاً
            $('#cashamount, #bankamount, #Bank_transfer, #creaditamount').val(0).prop('readonly', true);

            if(method === 'Cash') $('#cashamount').val(total);
            else if(method === 'Shabka') $('#bankamount').val(total);
            else if(method === 'Bank_transfer') $('#Bank_transfer').val(total);
            else if(method === 'Credit') $('#creaditamount').val(total);
            else {
                // في حالة التقسيط/التجزئة
                $('#cashamount, #bankamount, #Bank_transfer, #creaditamount').prop('readonly', false);
            }
        });

        // تأكيد الدفع
        $("#confirmpayment").click(function() {
            var id = $('#invoiceid_hidden').val();
            var cash = $('#cashamount').val() || 0;
            var bank = $('#bankamount').val() || 0;
            var credit = $('#creaditamount').val() || 0;
            var transfer = $('#Bank_transfer').val() || 0;
            var method = $('#paymodal').val();
            var total = parseFloat($('#totalvalue').text());

            var sum = parseFloat(cash) + parseFloat(bank) + parseFloat(credit) + parseFloat(transfer);

            if (Math.abs(sum - total) < 0.01) {
                $.ajax({
                    url: "{{ URL::to('updatepaymentconfirmpayment_in_quotation') }}/" + id + '/' + cash + '/' + bank + '/' + credit + '/' + transfer + '/' + method,
                    type: "GET",
                    success: function(data) {
                        location.reload();
                    },
                    error: function() { alert("{{ __('home.sorryerror') }}"); }
                });
            } else {
                alert("{{ __('home.entermonycorrect') }}");
            }
        });

        // حذف العرض
        $("#delete_quotation_function").click(function() {
            var id = $('#delete_id').val();
            $.ajax({
                url: "{{ URL::to('delete_offer_price') }}/" + id,
                type: "GET",
                success: function(response) {
                    location.reload();
                }
            });
        });
    });

    // فانكشن موحدة: بتجمع الفلاتر التلاتة مع بعض وتبعتهم دفعة واحدة
    // بكدا أي فلتر بتختاره بيتضاف لللي قبله، مش بيمسحه
    function applyFilters() {
        var invoiceId  = $('#invoiceid_search').val();
        var customerId = $('#clientnamesearch').val();
        var branchId   = $('#branch_select').val();

        $.ajax({
            url: "{{ URL::to('filterPreviousQuotes') }}",
            type: "GET",
            data: {
                invoice_id: invoiceId,
                customer_id: customerId,
                branch_id: branchId
            },
            success: function(data) {
                $("#previous1uotestable").html(data);
            }
        });
    }

    // كل فلتر بينادي نفس الفانكشن الموحدة
    $('#invoiceid_search').on('input change', applyFilters);
    $('#clientnamesearch').on('change', applyFilters);
    $('#branch_select').on('change', applyFilters);

    // اعتراض كليك الـ Pagination عشان يشتغل بالـ AJAX دايمًا (حتى من غير فلتر)
    $(document).on('click', '#previous1uotestable .pagination a', function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $.ajax({
            url: url,
            type: "GET",
            success: function(data) {
                $("#previous1uotestable").html(data);
            }
        });
    });
</script>
@endsection