@extends('admin.layout.main')
<link rel="stylesheet" href="/path/to/sweetalert2.min.css">

@section('main-container')
    <style>
        .btn-buy {
            background: #0044bb !important;
            color: white !important;
            width: 175px !important;
        }

        .alert {
            padding: 15px;
            display: flex;
            justify-content: space-between;
            border-radius: 4px;
            align-items: center;
        }

        .searchBar {
            display: flex;
            column-gap: 5px;
        }

        .searchInput {
            width: 90%;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 0px 2px 5px #c4c4d3;
            color: black;

        }

        .single-banner {
            background: url('../../frontend/images/new/domainhostingssl.png');
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: cover !important;
            /* padding: 100px 0px !important; */
            position: relative !important;
            z-index: 1;
        }

        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            /* Semi-transparent black */
            z-index: 999999;
            /* Ensure it's above other content */
        }

        #loader {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10000;
            /* Ensure it's above the overlay */
        }
    </style>
    <div id="overlay" style="display: none"></div>
    <div id="loader" style="display: none">
        <!-- Add your spinner HTML here -->
        <div class="spinner-border" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <section class="single-banner dashboard-banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="single-content">
                        <h2>{{ $PageHeading }}</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ $PageHeading }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="dash-header-part d-none">
        <div class="container">
            <div class="dash-header-card">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="dash-header-left">
                            <div class="dash-avatar">
                                <a href="#"><img src="{{ asset('frontend/images/avatar/01.jpg') }}"
                                        alt="avatar"></a>
                            </div>
                            <div class="dash-intro">
                                <h4><a href="#">{{ Session::get('name') }}</a></h4>
                                <!-- <h5>new seller</h5> -->
                                <ul class="dash-meta">
                                    <li><i class="fas fa-phone-alt"></i><span>{{ Session::get('phone') }}</span></li>
                                    <li><i class="fas fa-envelope"></i><span>{{ Session::get('email') }}</span></li>
                                    <!-- <li><i class="fas fa-map-marker-alt"></i><span>Los Angeles, West America</span></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="dash-header-right">
                            <div class="dash-focus dash-list">
                                <h2>${{ Session::get('balance') }}</h2>
                                <p>Balance</p>
                            </div>
                            <!-- <div class="dash-focus dash-book">
                                       <h2>2433</h2>
                                       <p>total follower</p>
                                      </div>
                                      <div class="dash-focus dash-rev">
                                       <h2>2433</h2>
                                       <p>total review</p>
                                      </div> -->
                        </div>
                    </div>
                </div>

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

    <section class="inner-section compare-part" style="margin-top:30px;">
        <div class="container">
            {{-- <div class="row">
			<div class="col-lg-12">
				<a href="{{ route('business') }}" class="btn btn-primary" style="float:right;">Manage Project</a>
			</div>
		</div> --}}
            <div class="row" style="text-align: center; display: block; padding: 25px;">
                <h1>Business Accounts</h1>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="table-scroll">
                        <table class="table-list">
                            <thead class="table-head">
                                <tr>
                                    <th scope="col">Sr.</th>
                                    <th scope="col">Business Name</th>
                                    <th scope="col">Created Date</th>
                                    <th scope="col">View Counts</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Featured</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody class="table-body">
                                @foreach ($BusinessAccounts as $index => $BusinessAccount)
                                    <tr>
                                        <td class="table-number">
                                            <h6>{{ $index + 1 }}</h6>
                                        </td>

                                        <td class="table-category">
                                            <h6><a href="#">
                                                    <p> {{ $BusinessAccount->business_name }}</p> <br>
                                                    <p>Slug: {{ $BusinessAccount->business_slug }}</p>
                                                </a></h6>
                                        </td>
                                        <td class="table-price">
                                            <h5> {{ $BusinessAccount->created_at }}</h5>
                                        </td>
                                        <td class="table-status">
                                            <h6 class="btn btn-primary text-capitalized">
                                                {{ $BusinessAccount->bus_profile_count }}</h6>
                                        </td>
                                        <td class="table-status">
                                            @if ($BusinessAccount->bus_status == 'inprogress')
                                                <h6 class="btn btn-primary status-btn"
                                                    data-id="{{ $BusinessAccount->id }}">Inprogress</h6>
                                            @elseif ($BusinessAccount->bus_status == 'approved')
                                                <h6 class="btn btn-success status-btn"
                                                    data-id="{{ $BusinessAccount->id }}">Approved</h6>
                                            @endif
                                        </td>
                                        <td class="table-feature">
                                            @if ($BusinessAccount->is_featured == 1)
                                                <h6 class="btn btn-success feature-btn"
                                                    data-id="{{ $BusinessAccount->id }}">Featured</h6>
                                            @elseif ($BusinessAccount->is_featured == 0)
                                                <h6 class="btn btn-primary feature-btn"
                                                    data-id="{{ $BusinessAccount->id }}">Not Featured</h6>
                                            @endif
                                        </td>


                                        {{-- <td class="table-status">
									<h6 class="btn btn-primary text-capitalized ">{{ $BusinessAccount->bus_status }}</h6>
							    	</td> --}}
                                        <td class="table-action">
                                            <a target="_blank"
                                                href="{{ route('businessFront', ['slug' => $BusinessAccount->business_slug]) }}"
                                                title="View Details" class="icon fas fa-eye"></a>

                                            <a target="_blank"
                                                href="{{ route('businessProfileAdmin', ['name' => $BusinessAccount->business_slug]) }}"
                                                title="View Details" class="icon fas fa-edit"></a>

                                            <a href="{{ route('BusinessAccount.delete', $BusinessAccount->id) }}"
                                                title="Delete" class="icon fas fa-trash"></a>
                                            <!-- <a target="_blank" href="{{ route('businessProfile', ['name' => $BusinessAccount->business_slug]) }}" title="View Details" class="icon fas fa-edit"></a> -->
                                            <a data-toggle="modal" data-target="#businessProfileModal"
                                                data-id="{{ $BusinessAccount->id }}"
                                                data-name="{{ $BusinessAccount->business_name }}"
                                                data-dashboard="{{ $BusinessAccount->bus_dashboard_show }}"
                                                data-website="{{ $BusinessAccount->bus_website_show }}"
                                                data-service="{{ $BusinessAccount->bus_service_show }}"
                                                data-post="{{ $BusinessAccount->bus_service_post_show }}"
                                                data-seo="{{ $BusinessAccount->bus_seo_show }}"
                                                data-blog="{{ $BusinessAccount->bus_blog_show }}"
                                                data-contact="{{ $BusinessAccount->bus_contact_show }}">

                                                <i class="icon fas fa-user" title="Assign Rights"></i>
                                            </a>

                                        </td>

                                    </tr>
                                @endforeach

                            </tbody>
                        </table>
                    </div>
                    <!-- <div class="compare-btn center-50"><a href="#" class="btn btn-inline"><i class="fas fa-eye"></i><span>show more list</span></a></div> -->
                </div>
            </div>
        </div>
    </section>
    <div class="modal fade bd-example-modal-lg" id="businessProfileModal" tabindex="-1" role="dialog"
        aria-labelledby="businessModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title " id="businessModalLabel">Business Account Rights</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="modalBusinessID">
                    <p id="modalBusinessName" class="mb-4"></p>

                    <form class="row">
                        <div class="col-md-4 col-sm-6 mb-3 d-none">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_dashboard_show">
                                <label class="form-check-label" for="bus_dashboard_show">
                                    Show Dashboard
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_website_show">
                                <label class="form-check-label" for="bus_website_show">
                                    Show Website
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_service_show">
                                <label class="form-check-label" for="bus_service_show">
                                    Show Service
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_service_post_show">
                                <label class="check-label" for="bus_service_post_show">
                                    Show Service Post
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_seo_show">
                                <label class="form-check-label" for="bus_seo_show">
                                    Show SEO
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_blog_show">
                                <label class="form-check-label" for="bus_blog_show">
                                    Show Blog
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="bus_contact_show">
                                <label class="form-check-label" for="bus_contact_show">
                                    Show Contact
                                </label>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    $(document).ready(function() {
        $('.status-btn').click(function() {
            var id = $(this).data('id');
            // alert(id);
            $('#overlay2').show();
            $.ajax({
                url: '{{ route('AllbusinessprofilesStatusUpdate') }}',
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    id: id
                },
                success: function(response) {
                    console.log(response);
                    $('#overlay2').hide();
                    // Update the status text based on response
                    if (response.new_status == 'inprogress') {
                        $('.status-btn[data-id="' + id + '"]').removeClass('btn-success')
                            .addClass('btn-primary').text('Inprogress');
                    } else {
                        $('.status-btn[data-id="' + id + '"]').removeClass('btn-primary')
                            .addClass('btn-success').text('Approved');
                    }
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        });
        $('.feature-btn').click(function() {
            var id = $(this).data('id');
            // alert(id);
            $('#overlay').show();
            $('#loader').show();
            $.ajax({
                url: '{{ route('AllbusinessprofilesFeaturedUpdate') }}',
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    id: id
                },
                success: function(response) {
                    console.log(response);
                    $('#overlay').hide();
                    $('#loader').hide();
                    // Update the status text based on response
                    if (response.is_featured == 1) {
                        $('.feature-btn[data-id="' + id + '"]').removeClass('btn-primary')
                            .addClass('btn-success').text('Featured');
                    } else {
                        $('.feature-btn[data-id="' + id + '"]').removeClass('btn-success')
                            .addClass('btn-primary').text('Not Featured');
                    }


                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        });
        $('#businessProfileModal').on('show.bs.modal', function(event) {
            $('#overlay2').show();
            var button = $(event.relatedTarget);
            var businessID = button.data('id');
            var businessName = button.data('name');
            var modal = $(this);
            modal.find('#modalBusinessID').val(businessID);
            modal.find('#modalBusinessName').html('<strong>Business Account Name:</strong> ' +
                businessName);
            $.ajax({
                url: '{{ route('GetIdData') }}',
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    businessID: businessID
                },
                success: function(response) {
                    $('#overlay2').hide();
                    // Update modal content with received data
                    modal.find('#modalBusinessName').html(
                        '<strong>Business Account Name:</strong> ' + response
                        .business_name);

                    // Check or uncheck checkboxes based on received data
                    $('#bus_dashboard_show').prop('checked', response.bus_dashboard_show ==
                        1);
                    $('#bus_website_show').prop('checked', response.bus_website_show == 1);
                    $('#bus_service_show').prop('checked', response.bus_service_show == 1);
                    $('#bus_service_post_show').prop('checked', response
                        .bus_service_post_show == 1);
                    $('#bus_seo_show').prop('checked', response.bus_seo_show == 1);
                    $('#bus_blog_show').prop('checked', response.bus_blog_show == 1);
                    $('#bus_contact_show').prop('checked', response.bus_contact_show == 1);
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                    $('#overlay2').hide();
                }
            });

        });

        $('input[type="checkbox"]').change(function(event) {
            event.preventDefault(); 

            $('#overlay2').show();
            var checkbox = $(this);
            var id = $('#modalBusinessID').val();
            var field = checkbox.attr('id');
            var value = checkbox.is(':checked') ? 1 : 0;

            // Check state before making AJAX request
            if (checkbox.prop('checked')) {
                value = 1;
            } else {
                value = 0;
            }

            $.ajax({
                url: "{{ route('updateAccountRights') }}",
                method: 'POST',
                data: {
                    id: id,
                    field: field,
                    value: value,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    $('#overlay2').hide();
                    console.log('Update successful');
                    Swal.fire({
                        icon: 'success',
                        title: 'Success!',
                        text: 'Account rights updated successfully',
                    });

                    // Refresh modal content after successful update
                    // $('#businessProfileModal').modal('hide'); // Hide the modal
                    // $('#businessProfileModal').modal(
                    // 'show'); // Show the modal to refresh its content
                },
                error: function(xhr) {
                    console.log('Update failed');
                    Swal.fire({
                        icon: 'error',
                        title: 'Error!',
                        text: 'Account rights has some error',
                    });
                }
            });
        });


    });



    function getSearchValue() {
        $('#overlay2').show();
        let value = document.getElementById("searchInput").value;
        if (value.length > 0) {
            var environmentURL = '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function env() in /home3/mybusinessprofil/test.mybusinessprofiles.com/resources/views/admin/Allbusinessprofiles.blade.php:489
Stack trace:
#0 {main}
  thrown in <b>/home3/mybusinessprofil/test.mybusinessprofiles.com/resources/views/admin/Allbusinessprofiles.blade.php</b> on line <b>489</b><br />