@section('my-content')
<div class="dvStats">
    <div class="wrapper_goal_meter_tiles">
        <div class="tile_bd a">
            <div class="deadline_container">
                <h3>Goal Meter</h3>
                <span><i>Deadline: {{ $goalMeterStatistics['lastDayOfCurrentMonthFormatted']  }}</i></span>
            </div>
            <div class="goal_meter_container" data-goal-total="100" data-goal-achieved="{{ $goalMeterStatistics['achieved'] }}">
                <canvas id="donut_goal_chart"></canvas>
            </div>
            <div class="stats_meter_container">
                <div>
                    <h3>Goal</h3>
                    <span><i>Sales: <b id="b_user_goal" data-user-goal="{{ $goalMeterStatistics['userGoal'] }}">0</b></i></span>
                    <span><i>Commission: <b id="b_potential_commission" data-potential-commission="{{ $goalMeterStatistics['potentialCommission'] }}">0</b></i></span>
                </div>
                <div>
                    <h3>Progress</h3>
                    <span><i><b id="b_total_after" data-total-after-return="{{ $currentMonthAmount }}">0</b></i></span>
                    <span><i><b id="b_current_commission" data-current-commission="{{ $goalMeterStatistics['currentCommission'] }}">0</b></i></span>
                </div>
            </div>
            @if (Auth::user()->rol_id == 10)
            <div><span id="edit_goal_commission_btn" class="edit_goal_commission_btn">Edit</span></div>
            @endif
        </div>
        <div class="dvAcctStats">
            <div class="select_month">
                <input type="text" class="form-control" id="datepicker" value="MM/YYYY" data-user-id="{{ Auth::user()->rol_id == 9 || Auth::user()->rol?->name == 'Sales Representative' ? Auth::user()->id : null }}">
                <div id="datepicker_btn">See stats</div>
            </div>
            <div id="past_stats_container">

            </div>
            <div id="modal-with-details-container">
                <button id="show-modal-with-details-btn" type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal-with-details" style="display:none;">Open Modal</button>
                <div id="modal-with-details" class="modal fade" role="dialog">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title"></h4>
                            </div>
                            <div class="modal-body">

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="dvAccounts" class="dvAccounts" data-bd-id="{{ $bd->id }}">
    @if (count($customersPerBD) > 0)
    <div class="box-body table-responsive" id='customersPerOneBD_container'>
        <table id="table-customers-per-bd" class="table table-bordered table-hover dataTable" role="grid" aria-describedby="example2_info">
            <thead>
                <tr role="row">
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Company</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">BP Code</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Quotes</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Quotes Total</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Orders</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Orders Sold</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Time Remaining</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Branch Account</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <br>
     @if (Auth::user()->rol_id == 10 || Auth::user()->rol_id == 9)