@if ($provider->isACorporateMember())

{$info = app('query')->getCorporateInformation();}

<!--page section-->
<section class="header-fixed-page-section">
    <div class="container header-flex-group">
        <div>
            <h1><a href="javascript:history.back();" class="back-button"><i class="icon ion-ios-arrow-left"></i> </a> Corporate</h1>
            <div class="breadcrumb">
                <ul>
                    <li><a $href="">TripMata</a> </li>
                    <li><a $href="account">Dashboard</a> </li>
                    <li><a href="#" class="active">Corporate Membership</a> </li>
                </ul>
            </div>
        </div>

        <div class="wrapper-flex flex-column">
            <h2>₦{number_format($info->credit_usage,2,'.',',')}</h2>
            <span>Your credit usage</span>
            <i class="text-signal">₦{number_format($info->credit,0,'.',',')} credit limit</i>
        </div>
    </div>

    <div class="container">
        <div class="vertical-filter-tabs" data-filter="tabs">
            <ul data-callback="filterResultBy">
                <li class="active"><a href=""><span class="text-signal">Admin</span></a></li>
                <li><a $href="corperate-membership/users"><span>User</span></a></li>
            </ul>
        </div>
    </div>
</section>

<!-- main content with sidebar -->
<div class="container">
    <div class="wrapper-flex flex-space-between">
        <div class="dashboard-sidebar fw30 gray-bg">
            <div class="display-info">
                <h3>Overview</h3>
                <p class="text-gray">Check these stats below in case you have missed something.</p>
            </div>
            <div class="display-list">
                <ul>
                    <li>
                        <span class="list-title">
                            <h5>Credit Limit</h5>
                            <p>Overall credit limit</p>
						</span>

                        <span class="list-content">
                            ₦{number_format($info->credit,0,'.',',')}
                        </span>
                    </li>

                    <li>
                        <span class="list-title">
                            <h5>Credit Usage</h5>
                            <p>Current credit strength</p>
						</span>

                        <span class="list-content">
                            ₦{number_format($info->credit_usage,2,'.',',')}
                        </span>
                    </li>

                    <li>
                        <span class="list-title">
                            <h5>Members</h5>
                            <p>Your total members</p>
						</span>

                        <span class="list-content">
                            <span>{$info->members_count}</span>
                        </span>
                    </li>

                    <li>
                        <span class="list-title">
                            <h5>Active</h5>
                            <p>Overall active members</p>
						</span>

                        <span class="list-content">
                            {$info->active_members}
                        </span>
                    </li>

                    <li>
                        <span class="list-title">
                            <h5>Blocked</h5>
                            <p>Overall blocked members</p>
						</span>

                        <span class="list-content">
                            {$info->blocked_members}
                        </span>
                    </li>

                    <li>
                        <span class="list-title">
                            <h5>Company Name</h5>
                            <p>{ucwords($info->company)}</p>
						</span>

                        <span class="list-content">
                        </span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="dashboard-content fw68">

            
			<div class="gray-bg wrapper-flex flex-column" style="margin-bottom: 40px; border-radius: 10px;">
				<form class="add-corporate-member" action="" method="POST">

					@hiddenInput('corporateid', $info->corporateid);
					@csrf;
					@method('@addCorporateMember');
					@hiddenInput('customerid', '');

					<input class="input" type="text" name="customer" placeholder="Find by phone, email, fullname" required/>
					<button type="submit" class="btn btn-curve btn-signal">
						<i class="icon ion-plus"></i>
						<span>Add</span>
					</button>
				</form>

				<div class="member-list-search">
					<ul></ul>
				</div>
			</div>

            {$awaiting = app('query')->getPendingBookingsForCorporateMember();}

            @if (count($awaiting) > 0)

            <div class="dashboard-reservations important-area">
                <div class="dashboard-reservations-header wrapper-flex flex-space-between flex-middle">
                    <h3>Awaiting Approval</h3>
                    <form action="" method="post">
                        <input type="text" class="search" placeholder="Search">
                    </form>
                </div>

                <div class="table-container">
                    <table class="table" cellspacing="0">
                        <thead>
                        <tr>
                            <th>SN</th>
                            <th>Member</th>
                            <th>Date</th>
                            <th>Amount</th>
                            <th>Narration</th>
                            <th></th>
                        </tr>
                        </thead>

                        <tbody>
							@foreach ($awaiting as $index => $row)
                            <tr>
                                <td>{$index + 1}</td>
                                <td>{ucwords($row['customer'])}</td>
                                <td>{$row['date']}</td>
                                <td>₦{number_format($row['amount'], 2, '.', ',')}</td>
                                <td>
                                    {ucfirst($row['remark'])}
                                </td>
                                <td>
                                    <a href="{$row['link']}" class="table-button btn-signal" style="color: var(--white-color);">
										<i class="icon ion-eye"></i>
									</a>
                                </td>
                            </tr>
							@endforeach
                        </tbody>
                    </table>
                </div>

            </div>
            @endif

            <div class="dashboard-reservations">
                <div class="dashboard-reservations-header wrapper-flex flex-space-between flex-middle">
                    <h3>All Members</h3>
                    <form action="" method="post">
                        <input type="text" class="search" placeholder="Search">
                    </form>
                </div>

                <div class="table-container">
					@if (count($info->members) == 0)

					<div class="noting-found">
						<span class="noting-found-image"></span>
						<span class="noting-found-content">Your company list is currently empty.</span>
                    </div>

					@else

					<table class="table" cellspacing="0">
                        <thead>
                        <tr>
                            <th>Avatar</th>
                            <th>FullName</th>
                            <th>Bookings</th>
                            <th>Status</th>
                            <th></th>
                        </tr>
                        </thead>

                        <tbody>
							@foreach ($info->members as $member)
							<tr>
								<td>
									<img src="@getImageFromStorage($member->profilepic);" class="table-img"/>
								</td>
								<td>{ucwords($member->name . ' ' . $member->surname)}</td>
								<td>{$member->bookings}</td>
								<td>
									@if ($member->status)
										<span class="table-status success">Active</span>
									@else
										<span class="table-status failed">Blocked</span>
									@endif
								</td>
								<td>
									<a href="{$member->link}" class="table-button">
										<i class="icon ion-edit"></i>
									</a>
								</td>
							</tr>
							@endforeach
                        </tbody>
                    </table>

					@endif
					
                </div>
            </div>

            
        </div>
    </div>

</div>

@partial('main-footer', ['message' => $message]);

@else

    @php
        if ($provider->isACorporateUser()) func()->redirect('corperate-membership/users');
    @endphp

    <!-- noting exists yet-->
    <div class="container noting-exists">
        <span class="noting-exists-image"></span>
        <h1 class="noting-exists-title">Not a corporate member yet</h1>
        <p class="noting-exists-desc">You are not yet a corporate member of TripMata. We ask that you be patient with us if you've have submitted an application. Else, click on the button below to apply.</p>
        <a $href="request-membership" class="btn btn-curve btn-signal noting-exists-btn">Become a member</a>
    </div>

    @partial('basic-footer', ['partner' => '']);

@endif