@extends('layout.Master')
@section('content')
<style>
tr th {
    font-size: 12px;
    white-space: nowrap;
}
    .box-form-login {
        background-color: #ecf6fa;
        max-width: 796px;
        margin: auto;
        padding: 63px 61px;
        border: 1px solid #cfdde2;
        border-radius: 8px;
    }
    td a{
        color: #000;
    }
    
    
     .btn a {
    border-radius: 8px !important;
    background: #004FB6;
    padding: 10px 25px;
    color: white;
}


.btn {
     background:  none !important; 
    color: white;
    cursor: pointer;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    padding: 18px 24px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
</style>
<div class="head-login">
    <h2 class="sub-heading">Statistics<span class="blue-con-heading"> </span></h2>
    <tr>
        <td colspan="2" align="left" valign="TOP"><a href="agent_stats.php?rec_type=D&amp;agent_code=00036">Home</a> | <a href="changepwd.php" class="breadcrumend">Change Password</a> | <a href="{{route('signout')}}" class="breadcrumend">Logout</a> <br></td>
    </tr>
    <div class="card-body ">
        <div class=" p-0 table-responsive">
            <table class="table align-items-center mb-0" id="majorClass">
                <thead>
                    <tr>
                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">#</th>
                        <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">List of SO's</th>
                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Commission Statistics</th>
                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Outstanding Premium</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td class="text-dark">1</td>
                        <td class="text-dark"> 0713416</td>
                        <td class="text-dark"> <button class="btn"> <a href="{{route('sales_officer.commision_detail')}}">View</a> </button></td>
                        <td class="text-dark"> <button class="btn">  <a href="{{route('sales_officer.outstanding_prem_details')}}"> View </a></button></td>
                    </tr>
                    <tr>
                        <td class="text-dark">2</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"> <button class="btn"> <a href="{{route('sales_officer.commision_detail')}}" >View</a> </button></td>
                        <td class="text-dark"> <button class="btn">  <a href="{{route('sales_officer.outstanding_prem_details')}}"> View </a> </button></td>
                    </tr>
                    <tr>
                        <td class="text-dark">3</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"> <button class="btn"> <a href="{{route('sales_officer.commision_detail')}}" >View</a> </button></td>
                        <td class="text-dark"> <button class="btn"> <a href="{{route('sales_officer.outstanding_prem_details')}}"> View </a> </button></td>
                    </tr>
                    <tr>
                        <td class="text-dark">4</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                        <td class="text-dark"> <button class="btn"> <a href="" > View</a></button> </td>
                    </tr>
                    <tr>
                        <td class="text-dark">5</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"> <button class="btn"> <a href="" > View</a></button> </td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button> </td>
                    </tr>
                    <tr>
                        <td class="text-dark">6</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                    </tr>
                    <tr>
                        <td class="text-dark">7</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                    </tr>
                    <tr>
                        <td class="text-dark">8</td>
                        <td class="text-dark">0713416</td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                        <td class="text-dark"><button class="btn"> <a href="" > View</a></button></td>
                    </tr>
                </tbody>

            </table>
        </div>
    </div>
</div>
@endsection