@extends('fronted.layout.main')
@section('adcontent')
    <style>
        #expenses_list {
            list-style-type: none;
        }

        #expenses_list li {
            display: inline-block;
        }

        #expenses_table #roomSeatTable td {
            color: black;
        }

        .dataTables_filter {
            margin-bottom: 10px;
        }

        .expensesfilter input {
            font-size: 0.8rem;
        }

        .expensesfilter label {
            font-size: 0.8rem;
        }

        .expensesfilter input:focus {
            box-shadow: none;
        }

        table.dataTable thead th,
        table.dataTable thead td,
        table.dataTable tfoot th,
        table.dataTable tfoot td {
            text-align: center;
        }

        #expenses_list li {
            width: 29px;
            display: inline-block;
        }

        table.dataTable thead th,
        table.dataTable thead td {
            padding: 8px;
            border-bottom: 0;
        }

        .dataTables_wrapper .dataTables_filter input {
            border: 1px solid #aaa;
            border-radius: 3px;
            padding: 0px;
            background-color: transparent;
            margin-left: 3px;
        }

        .mealdatable table {
            margin-bottom: 0;
        }

        .dataTables_wrapper .dataTables_info {
            font-size: 12px;
            padding: 5px;
        }

        .dataTables_paginate {
            padding: 0;
            font-size: 12px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 0;
        }

        .addmenuscroll .table-responsive {
            overflow-x: initial;
        }

        .p-text {
            margin: 0;
        }

        .disabled-link {
            pointer-events: none;
            /* Disables clicks */
            cursor: not-allowed;
            /* Shows a "disabled" cursor */
            opacity: 0.6;
            /* Optional: Make it look disabled */
            color: gray;
            /* Optional: Style it to look disabled */
            text-decoration: none;
            /* Optional: Remove underline */
        }
    </style>
    @if ($message = Session::get('lead'))
        <script>
            Swal.fire({
                icon: 'success',
                text: 'lead saved',
            })
        </script>
    @endif
    @if ($message = Session::get('leadbook'))
        <script>
            Swal.fire({
                icon: 'success',
                text: 'Booking Done',
            })
        </script>
    @endif
    @if ($message = Session::get('delete'))
        <script>
            Swal.fire({
                icon: 'success',
                text: 'Lead has been deleted successfully.',
            })
        </script>
    @endif
    @php
        $totallead = DB::table('leadmanagers')->count('id');
        $acceptedlead = DB::table('leadmanagers')->where('leadstatus', 0)->count();
        $unacceptedlead = DB::table('leadmanagers')->where('leadstatus', '1')->count();
        $currentDate = date('Y-m-d');
        $todaylead = DB::table('leadmanagers')->whereDate('created_at', $currentDate)->count();
    @endphp
    <div class="container-fluid m-0 mt-3 mb-0">
        <div class="m-0 p-0">
            <div class="row">
                <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
                    <p class="text-info p-text">Total Lead :- <span class="text-warning">{{ $totallead }}</span></p>
                </div>
                <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
                    <p class="text-info p-text" style=" float: right;">Today Lead :- <span
                            class="text-warning">{{ $todaylead }}</span></p>
                </div>
                <div class="col-md-4 col-lg-4 col-sm-12" style="padding-top:6px;">
                    <p class="p-text text-center"><button class="btn btn-sm btn-warning text-white" data-bs-toggle="modal"
                            data-bs-target="#leadModals" type="button">Add Lead </button></p>
                </div>
                <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
                    <p class="text-info p-text">Taken Lead :- <span class="text-warning">{{ $unacceptedlead }}</span></p>
                </div>
                <div class="col-md-2 col-lg-2 col-sm-12" style="padding-top:6px;">
                    <p class="text-info p-text">Not Taken Lead :- <span class="text-warning">{{ $acceptedlead }}</span></p>
                </div>
            </div>
        </div>
        <div class="m-0 p-0">
            <div class="custom-search-container d-flex justify-content-end align-items-center">
                <input type="text" id="custom-search-box" class="form-control w-25 mb-1" placeholder="Search...">
            </div>
            <div class="table-responsive dataTable">
                <table id="leadManagerId" class="display nowrap  roomSeatTable" style="margin-bottom: 11px">
                    <thead>
                        <th>S.No.</th>
                        <th>Enq. Date</th>
                        <th>Candidate Name</th>
                        <th>Mobile</th>
                        <th>Email</th>
                        <th>Enquiry For Date</th>
                        <th>Requirement</th>
                        <th>Budget</th>
                        <th>Location</th>
                        <th>Lead Source</th>
                        <th>Status</th>
                        <th>Action</th>
                    </thead>
                    @php
                        $count = 1;
                        $lead = DB::table('leadmanagers')->orderBy('created_at', 'DESC')->get();
                    @endphp
                    <tbody id="filteredResults" class="text-capitalize">
                        @foreach ($lead as $temp)
                            <tr>
                                <td>{{ $count++ }}</td>
                                <td>{{ date('d-M-Y', strtotime($temp->created_at)) }}</td>
                                <td>{{ strtolower($temp->leadcandidatename) }}</td>
                                <td>{{ $temp->leadmobile }}</td>
                                <td>{{ $temp->leadmail }}</td>
                                <td>{{ date('d-M-Y', strtotime($temp->leaddate)) }}</td>
                                <td>{{ strtolower($temp->requirement) }}</td>
                                <td> <i class="fa-solid fa-indian-rupee-sign me-2"></i>{{ $temp->budget }}</td>
                                <td>
                                    {{ strtolower($temp->location) }}
                                </td>
                                <td>By Self</td>
                                <td>
                                    @php
                                        $statusleadchange = $temp->leadstatus;
                                        if ($statusleadchange == 0) {
                                            echo 'Not Taken';
                                        } else {
                                            echo 'Taken';
                                        }
                                    @endphp
                                </td>
                                <td class="">
                                    <ul class="m-0 p-0" id="expenses_list">
                                        @php
                                            $disabled = $temp->leadstatus == 1 ? 'disabled-link' : '';
                                        @endphp
                                        <li>
                                            <a href="{{ route('registration.form.view', ['leadId' => $temp->id]) }}"
                                                class="btn addRegistrationToLeadBtn border-0 {{ $disabled }}"
                                                tooltips="Add Register" data-bs-toggle="tooltip" data-bs-placement="top"
                                                title="Add Register" {{ $disabled }}> <i class="fa fa-user-plus"
                                                    aria-hidden="true" {{ $disabled }}></i></a>
                                        </li>
                                        <li>
                                            <button type="button" class="btn editbtn border-0 {{ $disabled }} "
                                                value="{{ $temp->id }}">
                                                <i class="fa fa-plus-circle text-info" aria-hidden="true"
                                                    title="Add Booking" data-bs-toggle="tooltip"></i>
                                            </button>
                                        </li>
                                        <li>
                                            <form action="{{ route('leaddelete', $temp->id) }}" method="POST">
                                                @csrf
                                                <input type="hidden" value="DELETE">
                                                <button type="submit" class="btn btn-sm p-0 m-0 btn-flat show_confirm"
                                                    data-bs-toggle="tooltip" data-bs-placement="top" title="Delete"><i
                                                        class="fa fa-trash fa-lg text-danger"></i></button>
                                            </form>
                                        </li>
                                        <li>
                                            <button type="button"
                                                data-lead='
                           [{
                           "name": "{{ $temp->leadcandidatename }}",
                           "date": "{{ date('d-M-Y', strtotime($temp->leaddate)) }}",
                           "requirement": "{{ $temp->requirement }}",
                           "Mobile": "{{ $temp->leadmobile }}"
                            }]'
                                                class="btn shareLeadOnWhatapp btn-sm" data-bs-toggle="tooltip"
                                                title="Share On Whatsapp">
                                                <i class="fa-solid fa-share"></i>
                                            </button>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal fade" id="leadModals" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body">
                    <form id="addleadForm" method="POST" action="{{ route('leadmanagersave') }}">
                        @csrf
                        <center>
                            <h5 class="modal-title" id="exampleModalLabel">Lead manager</h5>
                        </center>
                        <div class="position-absolute" style="top:0;right:10px;">
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="form-group mb-2">
                            <label>Date <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="leaddate" required>
                        </div>
                        <div class="form-group mb-2">
                            <label>Candidate Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="leadcandidatename" required>
                        </div>
                        <div class="form-group mb-2">
                            <label>Mobile <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="leadmobile" oninput="validateNumber(this)"
                                pattern="[0-9]{10}" maxlength="10" minlength="10"
                                oninput="this.value = this.value.match(/^[A-Za-z\s]+$/) ? this.value : this.value.replace(/[^A-Za-z\s]/g,'.')"
                                required>
                        </div>
                        <div class="form-group">
                            <label>Mail <span class="text-danger">*</span></label>
                            <input type="mail" class="form-control" name="leadmail" required>
                        </div>
                        <div class="form-group">
                            <label>Requirement<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="requirement" required>
                        </div>
                        <div class="form-group">
                            <label>Budget</label>
                            <input type="text" class="form-control" name="budget" required>
                        </div>
                        <div class="form-group">
                            <label for="location">Location</label>
                            <input type="text" class="form-control" name="location" required>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button id="addleadBtn" class="btn btn-warning" type="submit">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="bookingadd" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form method="POST" action="{{ route('lead.booking') }}" enctype="multipart/form-data">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel" style="margin-left:134px;">Advance Booking</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <input type="hidden" id="leadmanager_id" name="leadmanager_id">
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label">Candidate Name</label>
                                    <input type="text" name="candi_name" class="form-control" id="leadcandidatename"
                                        readonly required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label">Candidate Mobile</label>
                                    <input type="text" name="candidate_mobile" class="form-control" id="leadmobile"
                                        readonly required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label">Booking Date</label>
                                    <input type="date" name="booking_date" class="form-control" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label">Reg.date</label>
                                    <input type="date" name="regdate" class="form-control" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    @php
                                        $roomnumber = DB::table('roomseats')->get();
                                    @endphp
                                    <label class="form-label">Room no</label>
                                    <select name="roomno" onchange="seatsnumbersget(this.value)" class="form-control"
                                        required>
                                        <option disabled selected value="">Select Room No</option>
                                        @php
                                            $roomnumberget = DB::table('roomseats')->orderBy('roomno', 'ASC')->get();
                                        @endphp
                                        @foreach ($roomnumberget as $temp)
                                            <option>{{ $temp->roomno }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label" for="seat_id">Seat No.</label>
                                    <select class="form-control" name="seatno" id="numberseatsdata" required>
                                        <option disabled selected value="">Select Seats</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mt-2">
                                    <label class="form-label">Booking Amount</label><br>
                                    <span class="customTextfield">
                                        &nbsp; &#x20B9; <input name="Booking_amount" type="text" class="form-control"
                                            style="margin-top:-28px; padding-left: 27px;" required>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class=" btn btn-warning" type="submit" onclick="updateStatus(this)">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script>
        function formatDateToDDMMMYYYY(date) {
            const months = [
                'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
            ];

            const day = date.getDate();
            const month = months[date.getMonth()];
            const year = date.getFullYear();

            return `${day}-${month}-${year}`;
        }

        function WhatsAppNotInstalled() {
            $(".shareInvoiceBtn").attr("disabled", false);
            shareInvoiceCalled = false;
            Swal.fire({
                icon: 'warning',
                title: 'WhatsApp Permission',
                html: 'Our system is support whatsapp desktop please install by give download link here 👇 <br>' +
                    '<a class="btn btn-success btn-sm" href="https://www.whatsapp.com/download" target="_blank">Download Link</a>.' +
                    '<br>if you already install go to setting inside permission and give desktop whatspp permission.',
                showCloseButton: true,
            });
        }

        function alertMessage(error) {
            Swal.fire({
                icon: 'error',
                text: error,
                timer: 3000,
                timerProgressBar: true
            });
        }

        $(document).ready(function() {
            $("#leadmanager").css('color', "#ffa500");
            $("#leadmanager i").css('color', "#ffa500")
            $(".shareLeadOnWhatapp").on("click", function() {
                if (!checkPermission('lead manager.share')) {
                    alertMessage('You have not permission for this resourse');
                    return;
                }
                var leadData = JSON.parse($(this).data('lead'));
                var leadName = leadData[0].name;
                var date = leadData[0].date;
                var dateObject = new Date(date);
                var leadDate = formatDateToDDMMMYYYY(dateObject);
                var leadRequirement = leadData[0].requirement;
                var mobile = leadData[0].Mobile;
                $.ajax({
                    type: "get",
                    url: "{{ route('lead.bussiness.data') }}",
                    success: function(response) {
                        var bussinessName = response.data['hostelName'];
                        var contact = response.data['contect'];
                        var email = response.data['email'];
                        var whatsppPermissionCheck = response.data['whatsAppPermission'];
                        if (!response.data['messageTemplate']) {
                            alertMessage(
                                'please add a message for this in permission setting -> message manager.'
                            );
                            return
                        }
                        var messageTemplate = JSON.parse(response.data['messageTemplate']);
                        var message =
                            ` ${messageTemplate.title} *${leadName}*,%0A🏡 You visited our Hostel/PG *${bussinessName}* on Date *${leadDate}*. %0A%0A📜 Your requirement is *${leadRequirement}*.%0A %0A if you are interested or have any queries, please contact us on:%0A%0A📱 Mobile No: *${contact}* %0A 📧 Email: *${email}*%0A%0A 🙏 Thank You 😊 %0A ${messageTemplate.regards} %0A *${bussinessName}*`;
                        var whatsappLink = 'whatsapp://send?phone=+91' + encodeURIComponent(
                            mobile) + '&text=' + message;
                        whatsppPermissionCheck ? setTimeout(function() {
                            window.location.href = whatsappLink;
                        }, 2000) : WhatsAppNotInstalled();
                    },
                    error: function(error) {
                        WhatsAppNotInstalled();
                    }

                });
            });
            $("#addRegistrationToLeadBtn").on('click', function(event) {
                if (!checkPermission('lead manager.add registration')) {
                    e.preventDefault();
                    alertMessage('You not have permission to register form the lead.');
                }
            });
        });
    </script>

    <script type="text/javascript">
        $('.show_confirm').click(function(event) {
            var form = $(this).closest("form");
            var name = $(this).data("name");
            event.preventDefault();
            swal({
                    title: `Are you sure you want to  delete?`,
                    text: "If you delete this, it will be gone forever.",
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        form.submit();
                    }
                });
        });
    </script>
    <script>
        $(document).ready(function() {
            $("#addleadForm").submit(function() {
                $("#addleadBtn").attr("disabled", true);
            });

            $("#addleadBtn").on('click', function() {
                const form = $("#addleadForm");
                let isvalid = true;

                // Iterate over all input fields inside the form
                form.find('input').each(function() {
                    if (!$(this).val()) {
                        isvalid = false;
                        // Optionally highlight the invalid field
                        $(this).addClass('is-invalid');
                    } else {
                        // Remove any existing highlight for valid fields
                        $(this).removeClass('is-invalid');
                    }
                });

                if (isvalid) {
                    form.submit();
                }
            });

            $(document).on('click', '.editbtn', function() {
                if (!checkPermission("lead manager.add booking")) {
                    alertMessage('You have not permission for this resourse');
                    return;
                }
                var leadmanager_id = $(this).val();
                $('#bookingadd').modal('show');
                $.ajax({
                    type: 'GET',
                    url: 'leadmanagerget/' + leadmanager_id,
                    success: function(response) {
                        $('#leadcandidatename').val(response.leadmanagerdata.leadcandidatename);
                        $('#leadmobile').val(response.leadmanagerdata.leadmobile);
                        // $('#rent').val(response.roomseats.rent);
                        $('#leadmanager_id').val(leadmanager_id);
                    }
                });
            });
        });
    </script>
    <script>
        function seatsnumbersget(roomno) {
            $.ajax({
                url: 'getroomseats', // Replace with your actual endpoint URL
                type: 'GET',
                data: {
                    roomNo: roomno
                },
                success: function(response) {
                    var availableSeats = response.numberSeats;
                    var numberSeatsSelectregister = document.getElementById("numberseatsdata");
                    numberSeatsSelectregister.innerHTML = ""; // Clear existing options
                    for (var i = 0; i < availableSeats.length; i++) {
                        var seatNumber = availableSeats[i];
                        var option = document.createElement("option");
                        option.value = seatNumber;
                        option.text = seatNumber;
                        numberSeatsSelectregister.appendChild(option);
                    }
                },
                error: function() {
                    console.log('Error occurred while fetching number of seats.');
                }
            });
        }
        var selectRoom = document.getElementById("selectRoom");
        selectRoom.addEventListener("change", function() {
            var selectedRoom = selectRoom.value;
            seatsnumbersget(selectedRoom);
        });
    </script>
    <script>
        function updateStatus(buttonElement) {
            var leadmanager_id = $(buttonElement).data('leadmanager-id');
            $.ajax({
                type: 'POST',
                url: 'updatelead/${leadmanager_id}',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    leadmanager_id: leadmanager_id
                },
                success: function(response) {
                    console.log('Status updated successfully');
                },
                error: function(xhr, status, error) {
                    console.log('Error: ' + error);
                }
            });
        }
    </script>
    <script>
        $(document).ready(function() {
            var table = $('#leadManagerId').DataTable({
                "paging": false,
                "info": false,
                "searching": true,
            });
            // Remove the default search box from the DataTable
            $('#leadManagerId_filter').addClass('d-none');
            // Use your custom search box to filter the DataTable
            $('#custom-search-box').on('input', function() {
                table.search(this.value).draw();
            });
        });
        var form = document.getElementById('registerForm');
        var icon = document.getElementById('registerIcon');
        form.addEventListener('submit', function() {
            icon.disabled = true;
        });
    </script>
@endsection