@extends('admin.layout.master')
@section('title', 'QUOTATION MANAGEMENT')
@section('custom_style')
    <style>
        input[type=text],
        input[type=file],
        input[type=number] {
            height: 24px !important;
        }

        .table td {
            padding: 0px 5px;
            color: black;
        }

        .table th {
            background: var(--cl-primary);
            padding: 5px !important;
            color: white !important;
        }

        input#start_date,
        input#end_date {
            margin: 0;
            background: #fff;
        }

        label#approveAllQuotation {
            padding: 0px 5px;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            border: 1px solid #ffffff00;
        }

        label#approveAllQuotation:hover {
            box-shadow: 2px 2px 5px #757575;
            border: 1px solid #fff;
            border-radius: 2px;
        }

        #loader {
            z-index: 1000 !important;
        }
    </style>
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{ __('obs.quotation') }}</h4>
        </div>
        <div class="card-body">

            <input type="hidden" name="" id="csrf-token" value="{{ Session::token() }}" />
            <div class="">
                <form id="form" method="get" action="{{ route($type == 1 ? 'prepurchase.quotation_index' : 'inventory.pre_sells.quotation.index') }}" name="form"
                    enctype="multipart/form-data">

                    <div class="row justify-content-end">
                        <div class="col-lg-2 col-md-2 mt-3">
                            <div class="input-group">
                                <div class="input-group input-group-append d-flex align-items-center gap-2">
                                    <input type="text" name="quotation_no" id="quotation_no" class="form-control" placeholder="{{ __('obs.quotation_no') }}" value="{{ Request()->quotation_no }}">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mt-3">
                            <div class="input-group">
                                <div class="input-group input-group-append d-flex align-items-center gap-2">
                                    <label class="">{{ __('obs.date') }}</label>
                                    {!! getDateInput('start_date', 'start_date', Request()->start_date) !!}
                                    <label class="">{{ __('obs.date_to') }}</label>
                                    {!! getDateInput('end_date', 'end_date', Request()->end_date) !!}

                                    <button type="submit" style="height: 24px; margin-left: -2px"
                                        class="btn btn-sm btn-pill btn-sm btn-hover btn-danger">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="tab-content">
                    <div class="tab-pane active" id="tabs-1" role="tabpanel">
                    </div>
                </div>
            </div>
            {{-- end --}}
            <hr>
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{{ __('obs.quotation') }} {{ __('obs.no') }}</th>
                            <th>{{ __('obs.date') }}</th>
                            <th>{{ $type == 1 ? __('obs.supplier') : __('obs.customer') }}</th>
                            @if($type == 1)
                                <th>{{ __('obs.req') }} {{ __('obs.no') }}</th>
                            @else
                            <th>{{ __('obs.cost_center') }}</th>
                            @endif
                            <th>{{ __('obs.by') }}</th>
                            <th>{{ __('obs.action') }}</th>
                            <th>
                                <div class="form-check">
                                    <input class="form-check-input voucher_id_all" onclick="setAllCheckedApprovalbles(this)"
                                        type="checkbox" value="1">
                                    <label class="form-check-label" id="approveAllQuotation">Approve
                                        all</label>
                                </div>
                            </th>
                        </tr>
                    </thead>
                    @php
                        $statusArray = [0 => 'PENDING', 1 => 'ACCEPTED'];
                        $action_id = getDefaultSettings(33)->action_id;
                    @endphp
                    <tbody id="tbl_body_index">
                        @forelse ($quotations as $i=>$quotation)
                            <tr id="tr{{ $i }}">
                                <td>{{ $i + 1 }}</td>
                                <td>{{ $quotation->quotation_no }}</td>
                                <td>{{ date('d-m-Y H:i:s', strtotime($quotation->created_at)) }}</td>
                                <td>{{ $quotation->supplier->name_eng ?? '' }}</td>
                                @if($type == 1)
                                    <td>{{ $quotation->requisition ? $quotation->requisition->requisition_no : '' }}</td>
                                @else
                                    <td>{{ $quotation->cost_center->name ?? '' }}</td>
                                @endif
                                <td>{{ $quotation->madeBy->name }}</td>
                                <td text-align="center">
                                    <button type="button" class="btn btn-sm btn-info" onclick="showDetails({{ $quotation }})"><i class="fas fa-eye"></i></button>
                                    @if (checkAuthPermission('prepurchase.quotation_print'))
                                        <a target="_blank"
                                            href="{{ route('prepurchase.quotation_print', ['id' => $quotation->id, 'type' => 'quotation']) }}"
                                            class="btn btn-sm btn-dark"><i class="fa fa-print"></i></a>
                                    @endif
                                    @if($type == 1)
                                        @if ($quotation->requisition_id)
                                            @if (checkAuthPermission('prepurchase.comparative_statement'))
                                                <a href="{{ route('prepurchase.comparative_statement', ['requisition_id' => $quotation->requisition_id]) }}"
                                                    class="btn btn-sm btn-secondary">CS</a>
                                            @endif
                                        @endif
                                        @if ($quotation->status == 0 && count($quotation->purchaseOrders) == 0)
                                            @if (checkAuthPermission('prepurchase.quotation_edit'))
                                                <a href="{{ route('prepurchase.quotation_edit', ['id' => $quotation->id, 'type' => 'quotation']) }}"
                                                    class="btn btn-sm btn-dark"><i class="fa fa-wrench"></i></a>
                                            @endif
                                        @elseif($quotation->status == 1)
                                            @if (checkAuthPermission('prepurchase.po_create') && count($quotation->details->where('status', 2)) > 0)
                                                <a href="{{ route('prepurchase.po_create', ['quotation_id' => $quotation->id]) }}"
                                                    class="btn btn-sm btn-warning">Make PO</button>
                                            @endif
                                        @endif
                                    @else
                                        @if (checkAuthPermission('prepurchase.quotation_edit'))
                                            <a href="{{ route('prepurchase.quotation_edit', ['id' => $quotation->id, 'type' => 'quotation']) }}"
                                                class="btn btn-sm btn-dark"><i class="fa fa-wrench"></i></a>
                                        @endif
                                        @if (checkAuthPermission('inventory.pre_sells.quotation.create'))
                                            <a href="{{ route('inventory.pre_sells.quotation.create', ['parent_id' => $quotation->id]) }}" class="btn btn-sm btn-primary"><i class="fa fa-plus"></i>{{ __('obs.revise') }}</a>
                                        @endif
                                        @if (checkAuthPermission('inventory.pre_sells.work_order.create') && $quotation->cost_center_id)
                                            <a href="{{ route('inventory.pre_sells.work_order.create', ['quotation_id' => $quotation->id, 'cost_center_id' => $quotation->cost_center_id]) }}" class="btn btn-sm btn-success">{{ __('obs.work_order') }}</a>
                                        @endif
                                    @endif
                                </td>
                                <td>
                                    @if ($quotation->status == 1)
                                        <span class="text-secondary" style="cursor: not-allowed;">Approved</span>
                                    @endif
                                    @if (count($quotation->purchaseOrders) == 0)
                                        @if ($quotation->status != 1)
                                            @if ($action_id)
                                                {!! getApprovalInputField($quotation->id, $action_id) !!}
                                            @else
                                           <div class="d-flex align-items-center gap-2">
                                            <input type="checkbox" class="setQuotationApproved" data-quotation-id="{{ $quotation->id }}">
                                            <button type="button"
                                                class="btn btn-sm btn-{{ $quotation->status == 1 ? 'danger' : 'primary' }}"
                                                onclick="setApprovedQuotation('{{ $quotation->id }}','{{ $quotation->status == 1 ? 0 : 1 }}')">{{ $quotation->status == 1 ? 'Cencel' : 'Approve' }}</button>
                                           </div>
                                            @endif
                                        @endif
                                    @endif
                                </td>
                            </tr>
                        @empty

                        @endforelse

                    </tbody>
                </table>
            </div>
            <hr>

            <div class="row pb-0  modal-footer">
                {{-- <input class="btn-sina-submit" type="submit" id="save" value="save"> --}}
            </div>
            </form>
        </div>
    </div>

    @include('inventory.prepurchase.quotation.quotation_details_modal')
@endsection
@section('script')
    <script>
        $('.select2').select2();

        function setAllCheckedApprovalbles(elementBox) {
            if (elementBox.checked) {
                $('.setQuotationApproved').prop("checked", true);
                return true;
            } else {
                $('.setQuotationApproved').prop("checked", false);
                return false;
            }
        }

        function setApprovedQuotation(quotation_id, status) {
            $("#loader").show();
            Swal.fire({
                title: "Do you want to approve this quotation?",
                showCancelButton: true,
                confirmButtonText: "Approve",
            }).then((result) => {
                $("#loader").hide();
                if (result.isConfirmed) {
                    $("#loader").show();
                    $.ajax({
                    type: "GET",
                    url: "/quotation/create",
                    data: {
                        quotation_id: quotation_id,
                        type: 4,
                        status: status,
                    },
                    success: function(data) {
                            $("#loader").hide();
                            Swal.fire({
                                position: "center",
                                icon: "success",
                                title: "Quotation approved successfully.",
                                showConfirmButton: false,
                                timer: 3000,
                            });
                            location.reload();
                        },
                        error: function(response) {
                            $("#loader").hide();
                            swal.fire('Error', 'There was an error approving the quotation.',
                                'error');
                        },
                });
                }
            })
        }

        $('#approveAllQuotation').on('click', function() {
            $("#loader").show();
            const allChecked = $('.setQuotationApproved').length === $('.setQuotationApproved:checked')
                .length;

            if (!allChecked) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Please check all quotations first',
                    text: 'Make sure all quotations checkboxes are selected before approving all.'
                });
                $("#loader").hide();
            } else {
                Swal.fire({
                    title: "Do you want to approve all checked quotations?",
                    showCancelButton: true,
                    confirmButtonText: "Approve",
                }).then((result) => {
                    $("#loader").hide();
                    if (result.isConfirmed) {
                        $("#loader").show();
                        let quotationIds = [];
                        $('.setQuotationApproved:checked').each(function() {
                            const quotationId = $(this).data('quotation-id');
                            quotationIds.push(quotationId);
                        });

                        const approvalPromises = quotationIds.map(id => {
                            return $.ajax({
                                type: "GET",
                                url: "/quotation/create",
                                data: {
                                    quotation_id: id,
                                    type: 4,
                                    status: 1,
                                }
                            });
                        });

                        $.when(...approvalPromises).done(function() {
                            $("#loader").hide();
                            Swal.fire({
                                position: "center",
                                icon: "success",
                                title: "All quotations approved successfully.",
                                showConfirmButton: false,
                                timer: 3000
                            });
                            location.reload();
                        }).fail(function(response) {
                            $("#loader").hide();
                            swal.fire('Error', 'There was an error approving the quotations.',
                                'error');
                        });
                    }
                });
            }
        });

        function showDetails(data) {
            $("#requisition_details_modal").modal("hide");
            var str = '';
            console.log(data);
            var total = 0;
            rawData = data.details;
            if (rawData.length > 0) {
                for (let index = 0; index < rawData.length; index++) {
                    const product = rawData[index];
                    const subtotal = product.quantity * product.rate;
                    total += parseFloat(subtotal);
                    // <td>${product.requisition_qty}</td>
                    str += `<tr id="tr${index}">
                        <td>${index + 1}</td>
                        <td>
                            <div class="d-flex text-center">${product.product ? product.product.name_eng : product.product_name}</div>
                        </td>
                        <td>${product.note}</td>
                        <td>${product.quantity}</td>
                        <td>${product.rate}</td>
                        <td>${subtotal}</td>
                    </tr>`;
                }
                const discount = total * (data.discount / 100);
                const netTotal = total - discount;
                str += `<tr>
                    <td colspan="5" class="text-right">Total :</td>
                    <th>${total}</th>
                </tr>
                <tr>
                    <td colspan="5" class="text-right">Discount @ (${data.discount}%) :</td>
                    <th>${discount}</th>
                </tr>
                <tr>
                    <td colspan="5" class="text-right">NET :</td>
                    <th>${netTotal}</th>
                </tr>`;
            }
            $('#tbl_body').html(str);
            $("#requisition_details_modal").modal("show");
        }
    </script>
@stop