@extends('layouts.agent_component.header')


@section('agentcontent')
<x-agent-header />
<x-agent-sidebar />


<main class="nxl-container">
      <div class="nxl-content">
        <!-- <div class="page-header">
          <div class="page-header-left d-flex align-items-center">
              <div class="page-header-title">
                  <h5 class="m-b-10">Dashboard</h5>
              </div>
              <ul class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item">Dashboard</li>
              </ul>
          </div>
          <div class="page-header-right ms-auto">
              <div class="page-header-right-items">
                  <div class="d-flex d-md-none">
                      <a href="javascript:void(0)" class="page-header-right-close-toggle">
                          <i class="feather-arrow-left me-2"></i>
                          <span>Back</span>
                      </a>
                  </div>
                  <div class="d-flex align-items-center gap-2 page-header-right-items-wrapper">
                      <div id="reportrange" class="reportrange-picker d-flex align-items-center">
                          <span class="reportrange-picker-field"></span>
                      </div>
                      <div class="dropdown filter-dropdown">
                          <a class="btn btn-md btn-light-brand" data-bs-toggle="dropdown" data-bs-offset="0, 10" data-bs-auto-close="outside">
                              <i class="feather-filter me-2"></i>
                              <span>Filter</span>
                          </a>
                          <div class="dropdown-menu dropdown-menu-end">
                              <div class="dropdown-item">
                                  <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="Role" checked="checked" />
                                      <label class="custom-control-label c-pointer" for="Role">Role</label>
                                  </div>
                              </div>
                              <div class="dropdown-item">
                                  <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="Team" checked="checked" />
                                      <label class="custom-control-label c-pointer" for="Team">Team</label>
                                  </div>
                              </div>
                              <div class="dropdown-item">
                                  <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="Email" checked="checked" />
                                      <label class="custom-control-label c-pointer" for="Email">Email</label>
                                  </div>
                              </div>
                              <div class="dropdown-item">
                                  <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="Member" checked="checked" />
                                      <label class="custom-control-label c-pointer" for="Member">Member</label>
                                  </div>
                              </div>
                              <div class="dropdown-item">
                                  <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="Recommendation" checked="checked" />
                                      <label class="custom-control-label c-pointer" for="Recommendation">Recommendation</label>
                                  </div>
                              </div>
                              <div class="dropdown-divider"></div>
                              <a href="javascript:void(0);" class="dropdown-item">
                                  <i class="feather-plus me-3"></i>
                                  <span>Create New</span>
                              </a>
                              <a href="javascript:void(0);" class="dropdown-item">
                                  <i class="feather-filter me-3"></i>
                                  <span>Manage Filter</span>
                              </a>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="d-md-none d-flex align-items-center">
                  <a href="javascript:void(0)" class="page-header-right-open-toggle">
                      <i class="feather-align-right fs-20"></i>
                  </a>
              </div>
          </div>
        </div> -->
        @if(Auth::guard('agent')->user()->kyc_status == 'Not Submitted')
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>KYC Pending</strong> Submit your kyc and activate your account.
            <a href="/agent/profile" class="btn-sm btn-primary">
                Complete KYC
            </a>
        </div>
        @endif
        @if(Auth::guard('agent')->user()->kyc_status == 'Pending')
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>KYC Awaiting Approval, will get back soon</strong>
        </div>
        @endif
		<div id="app">
				<router-view></router-view>
		</div>
	</div>
</main>


@endsection