@extends('layouts.tenant.master')
@section('title', 'Stock Check Menu')

@section('css')
@endsection

@section('style')
@endsection

@section('breadcrumb-title')
    <h2>Stock Check<span>Details </span></h2>
@endsection

@section('breadcrumb-items')
    <li class="breadcrumb-item active">Stock Check</li>
    <li class="breadcrumb-item">View</li>
@endsection

@section('content')
    <div class="content-wrapper card b-r-0">
        <!-- Main content -->
        <section class="p-2 m-2 card-body" style="padding-top:30px;">
            <div class="row">
                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12">
                    <div class="row d-flex justify-content-between">
                        <div class="col-12 col-xl-4 col-md-6 col-sm-12 custom_order_bill_form_cls">
                            <div class="box-header">
                                <h3 class="box-title"><b>Bill To :</b></h3>
                            </div>
                            <div class="form-group">
                                Name : &nbsp;&nbsp;{{ ucfirst($stock_check_request->user->username) }} </div>
                            <div class="form-group">
                                Address : &nbsp;&nbsp;{{ $stock_check_request->user_address }} </div>
                            <div class="form-group">
                                Email : &nbsp;&nbsp;{{ ucfirst($stock_check_request->user_email) }} </div>
                            <div class="form-group">
                                Phone : &nbsp;&nbsp;{{ $stock_check_request->user_phone }} </div>
                        </div>
                        <div class="col-12 col-xl-4 col-md-6 col-sm-12 custom_order_bill_form_cls">
                            <div class="box-header">
                                <h3 class="box-title"><b>Ship To :</b></h3>
                            </div>
                            <div class="form-group">
                                Name : {{ ucfirst($stock_check_request->user->username) }} </div>
                            <div class="form-group">
                                Address : {{ $stock_check_request->user_address }} </div>
                            <div class="form-group">
                                Email : {{ ucfirst($stock_check_request->user_email) }} </div>
                            <div class="form-group">
                                Phone : {{ $stock_check_request->user_phone }} </div>
                        </div>
                        <div class="col-12 col-xl-4 col-md-12 col-sm-12">
                            <div class="box-header d-flex">
                                <h3 class="box-title"> <b>STOCK CKECK DATE # :
                                    </b><span
                                        style="font-size: 14px; vertical-align: middle;">{{ $stock_check_request->created_at }}</span>
                                </h3>
                            </div>
                            <div class="box-header">
                                <h3 class="box-title"> <b>STOCK CKECK REQUSET # : </b><span
                                        style="font-size: 14px; vertical-align: middle;">{{ $stock_check_request->id }}</span>
                                </h3>
                            </div>
                            <div class="box-header d-flex">
                                <h3 class="box-title"> <b>ORDER # : </b><span
                                        style="font-size: 14px; vertical-align: middle;">N/A</span>
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="row d-flex justify-content-end">
                        <div class="form-group col-lg-2 col-md-4 col-12 mt-1">
                            <a href="{{ route('tenant_stock_check_edit', ['id' => $stock_check_request->id, 'userType' => 'admin']) }}"
                                class="btn btn-primary w-100">
                                Edit Stock Check
                            </a>
                        </div>
                        <div class="form-group col-lg-2 col-md-4 col-12 mt-1">
                            <a href="{{ route('tenant_stock_check_index') }}" class="btn btn-primary w-100">
                                ← Back
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12" style="max-height: 500px; overflow-y: auto;">
                    <div class="col-lg-12" style="padding-left:0px;padding-right:0px;">
                        <div class="box box-primary custom_order_product_description_cls">
                            <div class="job_name_cls" style="padding:5px 10px 5px 0;">
                                <hr>
                                <b>Job Name</b> : {{ $stock_check_request->job_name }}
                            </div>
                            <table
                                class="custom_cart_cls table table-bordered dataTable  p-0 m-0 display table-striped table-sm">
                                <thead class="table-light">
                                    <tr>
                                        <th>Double Check Work</th>
                                        <th>Cabinet Name</th>
                                        <th>Cabinet Description</th>
                                        <th>Weight</th>
                                        <th>Unit Price</th>
                                        <th>Total Price</th>
                                        <th>Quantity</th>
                                        @if ($stock_check_request->assemble_cabinets_check == "yes")
                                            <th>Assemble Cost</th>
                                        @endif
                                        <th>Item Notes</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <form action="#" id="add_items_comment_form" method="post">
                                        <input type="hidden" name="stock_check_request_id" value="857">
                                        @foreach ($rooms as $room)
                                            <tr>
                                                <th colspan="9">{{ $room['room_name'] }}</th>
                                            </tr>

                                            @if (isset($room['products']) && is_array($room['products']) && count($room['products']) > 0)
                                                @foreach ($room['products'] as $each)
                                                    @php
                                                        // Ensure the product ID exists
                                                        $productData = \App\Models\Product::with('doorColor')->find(
                                                            $each['product_id'] ?? null,
                                                        );

                                                        if (!$productData) {
                                                            continue; // Skip if product not found
                                                        }

                                                        // Calculate values
                                                        $productWeight = $productData->weight ?? 0;
                                                        $productPrice = $productData->cost ?? 0;
                                                        $productAssembleCost = $productData->assemble_cost ?? 0;

                                                        $totalProductWeight = (float)$productWeight * (int)($each['quantity'] ?? 0);
                                                        $totalProductPrice = (float)$productPrice * (int)($each['quantity'] ?? 0);
                                                        $totalProductAssembleCost = (float)$productAssembleCost; // if quantity isn't involved here
                                                    @endphp

                                                    <tr>
                                                        <td>
                                                            @if ($productData->checkbox_status == 'yes')
                                                                <label class='container_chk_lbl'>
                                                                    <input type='checkbox' checked disabled>
                                                                    <span class='checkmark'></span>
                                                                </label>
                                                                &nbsp;&nbsp;
                                                                <label class='container_chk_lbl_01'>
                                                                    <input type='checkbox' disabled>
                                                                    <span class='checkmark'></span>
                                                                </label>
                                                            @elseif ($productData->checkbox_status == 'pending')
                                                                <label class='container_chk_lbl'>
                                                                    <input type='checkbox' checked disabled><span
                                                                        class='checkmark'></span>
                                                                </label>
                                                                &nbsp;&nbsp;
                                                                <label class='container_chk_lbl_01'>
                                                                    <input checked type='checkbox' disabled>
                                                                    <span class='checkmark'></span>
                                                                </label>
                                                            @else
                                                                <label class='container_chk_lbl'>
                                                                    <input type='checkbox' disabled>
                                                                    <span class='checkmark'></span>
                                                                </label>
                                                                &nbsp;&nbsp;
                                                                <label class='container_chk_lbl_01'>
                                                                    <input type='checkbox' disabled>
                                                                    <span class='checkmark'></span>
                                                                </label>
                                                            @endif
                                                        </td>
                                                        <td>{{ $productData->label }}</td>
                                                        <td>{{ $productData->sku . ' - ' . $productData->doorColor->product_label ?? '' }}
                                                        </td>
                                                        <td>{{ $productWeight }} lbs</td>
                                                        <td>${{ number_format($productPrice, 2) }}</td>

                                                        @php
                                                            $eachProductCost = $totalProductPrice;
                                                        @endphp

                                                        <td>${{ number_format($eachProductCost, 2) }}</td>
                                                        <td>{{ $each['quantity'] ?? 0 }}</td>

                                                        @php
                                                            $eachAssembleCost = $totalProductAssembleCost;
                                                        @endphp

                                                        @if ($stock_check_request->assemble_cabinets_check == 'yes')
                                                            <td>${{ number_format($eachAssembleCost, 2) }}</td>
                                                        @endif
                                                        <td>
                                                            {{ $each['note'] ?? '' }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="9">
                                                        <p>No products found for this room.</p>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                    </form>
                                </tbody>
                                <tfoot class="table-bordered">
                                    <tr>
                                        <th colspan="3">Sub Total</th>
                                        <td>{{ number_format($stock_check_request->sub_total_weight ?? 0, 2) }} lbs</td>
                                        <td></td>
                                        <td>${{ number_format($stock_check_request->sub_total_cost ?? 0, 2) }}</td>
                                        <td></td>
                                        @if ($stock_check_request->assemble_cabinets_check == 'yes')
                                            <td>${{ number_format($stock_check_request->sub_total_assemble_cost ?? 0, 2) }}</td>
                                        @endif
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Fuel Charges ({{ $fuel_charge }}%)</th>
                                        <td></td>
                                        <td></td>
                                        <td>${{ number_format(($stock_check_request->sub_total_cost * $fuel_charge) / 100 ?? 0, 2) }}
                                        </td>
                                        <td></td>
                                        @if ($stock_check_request->assemble_cabinets_check == 'yes')
                                            <td>${{ number_format($stock_check_request->sub_total_assemble_cost ?? 0, 2) }}</td>
                                        @endif
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Cabinetry Assembly Cost</th>
                                        <td colspan="2"></td>
                                        @if ($stock_check_request->assemble_cabinets_check == 'yes')
                                            <td>${{ number_format($stock_check_request->sub_total_assemble_cost ?? 0, 2) }}</td>
                                        @endif
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Shipping Charges</th>
                                        <td colspan="2"></td>
                                        <td>${{ number_format($stock_check_request->shipping_cost ?? 0, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Pallets Cost(Total Pallets =
                                            {{ $stock_check_request->total_pallets ?? 0 }})</th>
                                        <td colspan="2"></td>
                                        <td>${{ number_format($stock_check_request->total_pallets * 30 ?? 0, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                    @if ($stock_check_request->delivery_type == 1)
                                        <tr>
                                            <th colspan="3">Delivery Cost( commerical )</th>
                                            <td colspan="2"></td>
                                            <td>${{ number_format($stock_check_request->delivery_cost ?? 0, 2) }}</td>
                                            <td colspan="3"></td>

                                        </tr>
                                    @else
                                        <tr>
                                            <th colspan="3">Delivery Cost( Residential )</th>
                                            <td colspan="2"></td>
                                            <td>${{ number_format($stock_check_request->delivery_cost ?? 0, 2) }}</td>
                                            <td colspan="3"></td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <th colspan="3">Liftgate Cost</th>
                                        <td colspan="2"></td>
                                        <td>${{ number_format($stock_check_request->liftgate_cost ?? 0, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        @if ($stock_check_request->unload_type == 1)
                                            <th colspan="3">Unload Cost(By Hand)</th>
                                        @else
                                            <th colspan="3">Unload Cost(By Forklift)</th>
                                        @endif
                                        <td colspan="2"></td>
                                        <td>${{ number_format($stock_check_request->unload_cost ?? 0, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Miscellaneous Charge</th>
                                        <td colspan="2"></td>
                                        <td>${{ number_format($stock_check_request->miscellaneous_cost ?? 0, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <th colspan="3">Total (<span class="note_charges" style="color:red;">Excluding
                                                Sales Tax And
                                                Payment Charges</span>)</th>
                                        <td colspan="2">
                                            {{ number_format($stock_check_request->sub_total_weight ?? 0, 2) }} lbs
                                        </td>
                                        @php
                                            $orderTotal =
                                                ($stock_check_request->grand_total_cost ?? 0) +
                                                ($stock_check_request->total_pallets * 30 ?? 0) +
                                                ($stock_check_request->delivery_cost ?? 0) +
                                                ($stock_check_request->liftgate_cost ?? 0) +
                                                ($stock_check_request->unload_cost ?? 0) +
                                                (($stock_check_request->sub_total_cost * $fuel_charge) / 100 ?? 0) +
                                                ($stock_check_request->miscellaneous_cost ?? 0);
                                        @endphp
                                        <td>${{ number_format($orderTotal, 2) }}</td>
                                        <td colspan="3"></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                        <form method="POST" action="{{ route('tenant_stock_check_update', $stock_check_request->id) }}"
                            id="approveStockCheckoutForm">
                            @csrf
                            @method('PUT') <!-- Use PUT for updates -->
                            <div class="order_name_cls" style="padding:5px 55px 5px 0 ;">
                                <b>Comment</b> : <p class="">{{ $stock_check_request->comment }}</p>
                            </div>
                            <div class="row">
                                <div class="col-xl-12 col-lg-12 col-md-12 col-12 cost-items">
                                    <div class="row d-flex justify-content-between">
                                        <div class="row d-flex justify-content-between">
                                            <div class="col-xl-2 col-md-2 col-12">
                                                <div class="form-group">
                                                    <label>Total Pallets:</label><br>
                                                    <input type="text" name="total_pallets_for_order"
                                                        id="total_pallets_for_order"
                                                        value="{{ $stock_check_request->total_pallets ?? 0 }}"
                                                        class="form-control">
                                                    <span class="err" style="color:red; font-size:15px;"></span>
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-12">
                                                <div class="form-group">
                                                    <label>Delivery Cost:</label><br>
                                                    <input type="text" name="delivery_cost_for_order"
                                                        id="delivery_cost_for_order"
                                                        value="{{ $stock_check_request->delivery_cost ?? 0 }}"
                                                        class="form-control">
                                                    <span class="err" style="color:red; font-size:15px;"></span>
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-12">
                                                <div class="form-group">
                                                    <label>Liftgate Cost:</label><br>
                                                    <input type="text" name="liftgate_cost_for_order"
                                                        id="liftgate_cost_for_order"
                                                        value="{{ $stock_check_request->liftgate_cost ?? 0 }}"
                                                        class="form-control">
                                                    <span class="err" style="color:red; font-size:15px;"></span>
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-12">
                                                <div class="form-group">
                                                    <label>Unload Cost:</label><br>
                                                    <input type="text" name="unload_cost_for_order"
                                                        id="unload_cost_for_order"
                                                        value="{{ $stock_check_request->unload_cost ?? 0 }}"
                                                        class="form-control">
                                                    <span class="err" style="color:red; font-size:15px;"></span>
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-md-2 col-12">
                                                <div class="form-group">
                                                    <label>Miscellaneous Charges:</label>
                                                    <input type="text" name="miscellaneous_charges"
                                                        id="miscellaneous_charges"
                                                        value="{{ $stock_check_request->miscellaneous_cost ?? 0 }}"
                                                        class="form-control">
                                                    <span class="err" style="color:red; font-size:15px;"></span>
                                                </div>
                                            </div>
                                            <div class="col-xl-2 col-lg-12 col-md-12 col-12 total-charges mt-3">
                                                <div class="row d-flex justify-content-between">
                                                    <div><b>Total Shipping Charges:
                                                        </b>${{ number_format($orderTotal, 2) }}</div>
                                                </div>
                                            </div>

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

                        <div class="row">
                            <div class="col-12 col-xl-3 col-lg-3 col-md-6 mt-3">
                                <div class="form-group">
                                    <button type="button" class="btn btn-primary w-100"
                                        value="{{ $stock_check_request->id }}" id="sendEmailBtn">
                                        Send Email To Warehouse
                                    </button>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-3 col-md-6 col-12 mt-3">
                                <div class="form-group">
                                    <button type="buttton" class="btn  btn-primary w-100" id="approveStockCheck">Approve
                                        Stock Check</button>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-lg-3 col-md-3 col-12">
                                <a href="{{ route('tenant_stock_check_edit', ['id' => $stock_check_request->id, 'userType' => 'admin']) }}"
                                    class="btn btn-primary" id="sendEmailBtn">
                                    Edit Stock Check
                                </a>
                            </div> --}}
                    </div>
                </div>
            </div>
    </div>
    </section>
    </div>
@endsection

@section('script')

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).ready(function() {
            $(document).on("click", "#sendEmailBtn", function() {
                const requestId = $(this).val();
                const url = `{{ route('tenant_Stock_check_send_email_warehouse', ['id' => 'TEMP_ID']) }}`;
                Swal.fire({
                    title: 'Send Email To Warehouse',
                    input: 'email',
                    inputLabel: 'Email*',
                    inputPlaceholder: 'type email...',
                    showCancelButton: true,
                    confirmButtonText: 'Submit',
                    cancelButtonText: 'Cancel',
                    didOpen: () => {
                        const input = Swal.getInput();
                        if (input) {
                            input.setAttribute('name', 'email');
                        }
                    },
                    preConfirm: (value) => {
                        if (!value) {
                            Swal.showValidationMessage('Please enter a comment!');
                        }
                        return value;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        if (result.isConfirmed) {

                            Swal.fire({
                                title: 'Sending...',
                                text: 'Please wait while we send the email.',
                                allowOutsideClick: false,
                                didOpen: () => {
                                    Swal.showLoading();
                                }
                            });
                            $.post("{{ route('tenant_Stock_check_send_email_warehouse') }}", {
                                    _token: "{{ csrf_token() }}",
                                    id: requestId,
                                    emailText: result.value
                                })
                                .then(response => {
                                    if (response.status) {
                                        Swal.fire('Success', response.message ??
                                            'Email sent successfully!',
                                            'success');
                                    } else {
                                        Swal.fire('Error', response.message ??
                                            'Email could not be sent.', 'error');
                                    }
                                })
                                .catch(() => {
                                    Swal.fire('Error', 'Something went wrong for sending email',
                                        'error');
                                });
                        }
                    }
                });
            });

            $(document).on("click", "#approveStockCheck", function() {
                $("#approveStockCheckoutForm").submit();
            });
        });
    </script>
    @if (session('success'))
        <script>
            Swal.fire({
                icon: 'success',
                title: 'Success!',
                text: '{{ session('success') }}',
                confirmButtonText: 'OK'
            });
        </script>
    @elseif(session('error'))
        <script>
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: '{{ session('error') }}',
                confirmButtonText: 'OK'
            });
        </script>
    @endif

    {{-- sweet alert  end --}}


    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const deleteButtons = document.querySelectorAll('.delete-button');

            deleteButtons.forEach(button => {
                button.addEventListener('click', function() {
                    const form = this.closest('.delete-form');

                    Swal.fire({
                        title: 'Are you sure?',
                        text: "You can revert this within 60 days!",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: 'Yes, delete it!'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit(); // Submit the form if confirmed
                        }
                    });
                });
            });
        });
    </script>
    <script>
        // Status change script
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.status-dropdown').forEach(function(dropdown) {
                dropdown.addEventListener('change', function() {
                    const userId = this.getAttribute('data-user-id');
                    const newStatus = this.value;
                    const previousValue = this.dataset.previousValue || this.value;

                    Swal.fire({
                        text: `You are about to change the user's status to ${newStatus}.`,
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes, change it!',
                    }).then((result) => {
                        if (result.isConfirmed) {
                            const csrfToken = document.querySelector(
                                'meta[name="csrf-token"]') ? document.querySelector(
                                'meta[name="csrf-token"]').getAttribute('content') : '';

                            if (!csrfToken) {
                                console.error('CSRF token not found!');
                                return; // Exit if the CSRF token is missing
                            }

                            // Get the route URL dynamically
                            const updateStatusUrl =
                                '{{ route('tenant_users_update_status', ':id') }}'.replace(
                                    ':id', userId);

                            fetch(updateStatusUrl, {
                                    method: 'POST',
                                    headers: {
                                        'Content-Type': 'application/json',
                                        'X-CSRF-TOKEN': csrfToken
                                    },
                                    body: JSON.stringify({
                                        status: newStatus
                                    })
                                })
                                .then(response => response.json())
                                .then(data => {
                                    if (data.success) {
                                        Swal.fire('Updated!',
                                            `The user's status has been updated to ${newStatus}.`,
                                            'success');
                                    } else {
                                        Swal.fire('Error!',
                                            'There was a problem updating the status.',
                                            'error');
                                        dropdown.value =
                                            previousValue; // Revert if error occurs
                                    }
                                })
                                .catch(error => {
                                    console.error('Error:', error);
                                    Swal.fire('Error!',
                                        'There was a problem updating the status.',
                                        'error');
                                    dropdown.value = previousValue; // Revert on error
                                });
                        } else {
                            dropdown.value = previousValue; // Revert if canceled
                        }
                    });

                    this.dataset.previousValue = newStatus; // Store previous value
                });
            });
        });
    </script>


    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Loop through all copy icons for users
            document.querySelectorAll('.fa-copy').forEach(copyIcon => {
                copyIcon.addEventListener('click', function() {
                    const userId = this.id.split('-')[
                        2]; // Extract the user ID from the copy icon ID
                    const emailText = document.getElementById('email-' + userId)
                        .textContent; // Get the email using the user ID

                    // Use the Clipboard API to copy the email text
                    navigator.clipboard.writeText(emailText).then(function() {
                        // If the text is copied, show SweetAlert with the copied email
                        Swal.fire({
                            icon: 'success',
                            title: 'Copied!',
                            text: 'Email: ' +
                                emailText, // Show the copied email in the SweetAlert message
                            showConfirmButton: false,
                            timer: 3000,
                        });
                    }).catch(function(err) {
                        // If an error occurs while copying, show an error message
                        console.error('Error copying text: ', err);
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops!',
                            text: 'Failed to copy the email.',
                            confirmButtonText: 'Try Again'
                        });
                    });
                });
            });
        });
    </script>
@endsection