@extends('frontend.layout.main')
@section('main-container')
<link rel="stylesheet" href="/path/to/sweetalert2.min.css">
    <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;
        }
    </style>

    <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>
    @if (Session::has('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ Session::get('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if (Session::has('error'))
        <div class="alert alert-alert alert-dismissible fade show" role="alert">
            {{ Session::get('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <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;">Create a Project</a>
			</div>
		</div> --}}
            <div class="row" style="text-align: center; display: block; padding: 25px;">
                <h1>Transfer 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">Date</th>
                                    <th scope="col">View Counts</th>
                                    <th scope="col">Status</th>
                                    {{-- <th scope="col">Transfer To</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>
                                                </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">
                                            <h6 class="btn btn-primary text-capitalized">{{ $BusinessAccount->bus_status }}
                                            </h6>
                                        </td>
                                        {{-- <td class="table-transfer">
									<a href="#" data-id="{{$BusinessAccount->id}}" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#transferModal">Transfer</a>
									</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 data-toggle="modal" data-target="#businessProfileModal" id="assignRightsBtn_{{ $BusinessAccount->id }}"
                                                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>

                                            {{-- <a target="_blank" href="{{ route('businessProfile', ['name' => $BusinessAccount->business_slug]) }}" title="View Details" class="icon fas fa-edit"></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>
    <!-- Modal -->
    <div class="modal fade" id="transferModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Transfer Business</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="itemId">
                    <div class="form-group">
                        <label for="email">Email:</label>
                        <input type="email" class="form-control" id="email">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" id="transferBtn">Transfer</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>
    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/frontend/TransferAccount.blade.php:311
Stack trace:
#0 {main}
  thrown in <b>/home3/mybusinessprofil/test.mybusinessprofiles.com/resources/views/frontend/TransferAccount.blade.php</b> on line <b>311</b><br />