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

@section('css')
    <link rel="stylesheet" href="https://cdn.datatables.net/2.2.2/css/dataTables.dataTables.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdn.datatables.net/2.2.2/js/dataTables.js"></script>
@endsection

@section('style')
@endsection

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

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

@section('content')

    <div class="p-2 mt-0 card-header no-border">
        {{-- <a href="{{ route('tenant_stock_check_create') }}" class="text-white btn btn-info btn-sm" data-toggle="tooltip"
        title="Create a new Stock Check in the system">
        <i class="icofont icofont-plus"></i> Create Stock Check
    </a>

    <a   href="{{ route('tenant_deleted_stock_check_list') }}" class="btn btn-success btn-sm" data-toggle="tooltip" title="Restore a previously deleted Stock Check">
        <i class="icofont icofont-spinner-alt-3"></i> Restore Stock Check
    </a>
    <a href="{{ url()->current() }}" class="btn btn-light btn-sm" data-toggle="tooltip" title="Refresh this Page.">
        <i class="icofont icofont-refresh fa fa-spin"></i>&nbsp; Refresh
    </a>
    <div class=" pull-right">
        <button class="btn btn-primary btn-sm" data-toggle="tooltip" title="Export user data to a file">
            <i class="text-white icofont icofont-upload-alt"></i> Export
        </button>

        <button class="btn btn-dark btn-sm" data-toggle="tooltip" title="Import user data from a file">
            <i class="text-white icofont icofont-download-alt"></i> Import
        </button>
    </div> --}}
    </div>


    <div class="pt-0 card-body">
        <div class="table-responsive table-sm">
            <table id="example3" class="table p-0 m-0 table-striped table-bordered table-sm" style="width:100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>
                            Bill Name</th>
                        <th>
                            Job Name</th>
                        <th>
                            Company Name</th>
                        <th>
                            Created Date</th>
                        <th>
                            Completion Date</th>
                        <th>
                            Is Approved</th>
                        <th>Action</th>
                    </tr>
                </thead>

                <tbody>
                    @if (!isset($all_stock_check_requests))
                        <tr>
                            <td colspan="12">No stock check requests found.</td>
                        </tr>
                    @else
                        @foreach ($all_stock_check_requests as $request)
                            <tr>
                                <td>{{ $request->id }}</td>
                                <td>{{ $request->user->username ?? 'N/A' }}</td> <!-- Bill Name -->
                                <td>{{ $request->job_name ?? 'N/A' }}</td>
                                <td>{{ $request->user->company_name ?? 'N/A' }}</td>
                                <td>{{ $request->created_at ? $request->created_at->format('M d, Y') : 'N/A' }}</td>
                                <td>{{ $request->updated_at ? \Carbon\Carbon::parse($request->completion_date)->format('M d, Y') : 'N/A' }}
                                </td>
                                <td>
                                    @if ($request->status == 1)
                                        <span class="badge bg-success">Yes</span>
                                    @else
                                        <span class="badge bg-warning">No</span>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ route('tenant_stock_check_show', ['id' => $request->id]) }}">View</a> ||
                                    <a
                                        href="{{ route('tenant_stock_check_edit', ['id' => $request->id, 'userType' => 'admin']) }}">Edit</a>
                                    ||
                                    <a href="{{ route('stock_check_print', $request->id) }}" target="_blank">Print</a> ||
                                    <form class=" delete-form"
                                        action="{{ route('tenant_stock_check_destroy', ['id' => $request->id]) }}"
                                        method="GET" style="display:inline;">
                                        @csrf
                                        <a type="button" class="delete-button p-0 m-0">Delete</a>
                                    </form> ||
                                    <a href="javascript:void(0);" onclick="sendWareHouse({{ $request->id }})">Send Email
                                        To
                                        Warehouse</a> ||
                                    <a href="{{ route('tenant_stock_check_show_org', ['id' => $request->id]) }}">View Org
                                        Data</a>
                                </td>
                            </tr>
                            <div id="stock_check_request_list" style="display: none;">
                                <h3>Stock Check Request List</h3>
                                <div class="stock-check-item">
                                    <p><strong>Request ID:</strong> {{ $request->id }}</p>
                                    <p><strong>Job Name:</strong> {{ $request->job_name }}</p>
                                    @php
                                        $rooms = [];

                                        if (is_string($request->rooms)) {
                                            $decoded = json_decode($request->rooms, true);
                                            if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                                                $rooms = $decoded;
                                            }
                                        } elseif (is_array($request->rooms)) {
                                            $rooms = $request->rooms;
                                        }
                                    @endphp

                                    @foreach ($rooms as $room)
                                        <p><strong>Room:</strong> {{ $room['room_name'] ?? 'Unnamed Room' }}</p>
                                        @if (!empty($room['products']))
                                            <ul>
                                                @foreach ($room['products'] as $product)
                                                    <li>Product ID: {{ $product['product_id'] }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <p>No products in this room.</p>
                                        @endif
                                    @endforeach

                                </div>
                            </div>
                        @endforeach
                    @endif
                </tbody>
            </table>
        </div>

    </div>


@endsection

@section('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
    <script>
        // $(function () {
        //     $("#example3").dataTable({
        //         "sPaginationType":"full_numbers",
        //         aaSorting: [[0, 'desc']],
        //         aoColumnDefs: [
        //             { aTargets: [ 6 ], bSortable: false }
        //         ]
        //     });
        // });

        function sendWareHouse(requestId) {
            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');
                            });
                    }
                }
            });
        }
    </script>

    {{-- sweet alert  start --}}
    <script>
        function deleteUser(userId) {
            // SweetAlert confirmation dialog
            Swal.fire({
                title: 'Are you sure?',
                text: 'You won\'t be able to revert this!',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!',
            }).then((result) => {
                if (result.isConfirmed) {
                    // If confirmed, submit the delete form
                    document.getElementById('deleteForm' + userId).submit();
                }
            });
        }
    </script>
    

    {{-- 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>
    <script>
        new DataTable('#example3', {
            order: [
                [2, 'asc']
            ], // [columnIndex, 'asc' or 'desc']
            initComplete: function() {
                this.api()
                    .columns()
                    .every(function(index) {
                        let column = this;
                        let input = $('thead tr:eq(1) th').eq(index).find('input');
                        if (input.length) {
                            input.on('keyup change', function() {
                                if (column.search() !== this.value) {
                                    column.search(this.value).draw();
                                }
                            });
                        }
                    });
            }
        });
    </script>
@endsection


{{-- sweet alert link start --}}

{{--
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"
    integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}

{{-- sweet alert link end --}}