@extends('frontend.layout.main')
@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;
	}
  </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 >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">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 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>
<!-- 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>
	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/viewbusinessprofile.blade.php:210
Stack trace:
#0 {main}
  thrown in <b>/home3/mybusinessprofil/test.mybusinessprofiles.com/resources/views/frontend/viewbusinessprofile.blade.php</b> on line <b>210</b><br />