@extends('layout.header')
@section('title')
Target | Dashboard
@endsection
@section('main')
<div class="m-grid__item m-grid__item--fluid m-wrapper sales_dashboard">
    <div class="m-content">

        <!-- BEGIN: target_sub -->
        <div class="target_sub">
            <div class="d-flex align-items-center">
                <div class="mr-auto">
                    <h3 class="m-subheader__title">
                        {{ucfirst(session('username'))}} Target Reports
                    </h3>						
                </div>
                <div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <!--begin:: Widgets/Best Sellers-->


                @foreach($data as $d)
                <div class="m-portlet m-portlet--full-height table_style  user_target_report">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    {{$d->year}}-{{$d->year+1}} Financial Yearly Report
                                </h3>
                                
                            </div>
                            <select name="year_range1" id="year_range1">
                                
                                    @foreach($year_range as $val)
                                    <option value="{{$val}}" {{$d->year == $val?'selected':''}}>
                                                   April {{$val}} - March {{$val+1}}
                                                </option>
                                    @endforeach            
                                </select>
                            
                        </div>
                        <div class="m-portlet__head-tools">
                            <div class="joining_date">
<!--                                <p>Joining Date : <span>{{$join_date}}</span></p>-->
                                <p>Joining Date : <span>--</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="m-widget11">
                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table class="table table_width_1684">
                                    <!--begin::Thead-->
                                    <thead>
                                        <tr>
                                            <td>
                                                Months
                                            </td>
                                            <td>
                                                Apr
                                            </td>
                                            <td>
                                                May
                                            </td>
                                            <td>
                                                Jun
                                            </td>
                                            <td>
                                                Jul
                                            </td> 
                                            <td>
                                                Aug
                                            </td>
                                            <td>
                                                Sep
                                            </td>
                                            <td>
                                                Oct
                                            </td>
                                            <td>
                                                Nov
                                            </td>
                                            <td>
                                                Dec
                                            </td>
                                            <td>
                                                Jan
                                            </td>
                                            <td>
                                                Feb
                                            </td>
                                            <td>
                                                Mar
                                            </td>
                                            <td>
                                               Total
                                            </td>
                                          
                                        </tr>
                                    </thead>
                                    <!--end::Thead-->
                                    <!--begin::Tbody-->
                                    <tbody>
                                       
                                        <tr>
                                            <td>
                                                Target
                                            </td>
                                            
                                            <td>
                                                {{$d->april}}
                                            </td>
                                            <td>
                                                {{$d->may}}
                                            </td>
                                            <td>
                                                {{$d->june}}
                                            </td>
                                            <td>
                                                {{$d->july}}
                                            </td>
                                            <td>
                                                {{$d->aug}}
                                            </td>
                                            <td>
                                                {{$d->sep}}
                                            </td>
                                            <td>
                                                {{$d->oct}}
                                            </td>
                                            <td>
                                                {{$d->nov}}
                                            </td>
                                            <td>
                                                {{$d->dec}}
                                            </td>
                                            <td>
                                                {{$d->jan}}
                                            </td>
                                            <td>
                                                {{$d->feb}}    
                                            </td>
                                            <td>
                                                {{$d->march}}
                                            </td>
                                            <td>
                                                {{$d->total}}
                                            </td>
                                           

                                        </tr>
                                        
                                        <tr>
                                            <td>
                                            Achieve
                                            </td>
                                            <td>
                                                {{$d->apr_win}}
                                            </td>
                                            <td>
                                                {{$d->may_win}}
                                            </td>
                                            <td>
                                                {{$d->june_win}}
                                            </td>
                                            <td>
                                                {{$d->july_win}}
                                            </td>
                                            <td>
                                                {{$d->aug_win}}
                                            </td>
                                            <td>
                                                {{$d->sep_win}}
                                            </td>
                                            <td>
                                                {{$d->oct_win}}
                                            </td>
                                            <td>
                                                {{$d->nov_win}}
                                            </td>
                                            <td>
                                                {{$d->dec_win}}
                                            </td>
                                            <td>
                                                {{$d->jan_win}}
                                            </td>
                                            <td>
                                                {{$d->feb_win}} 
                                            </td>
                                            <td>
                                                {{$d->mar_win}}
                                            </td>
                                          
                                                 <td class="color_red">
                                                {{$d->total_win}}
                                            </td>
                                            
                                            <td>
                                            </td>
                                        </tr>
                                    </tbody>
                                    <!--end::Tbody-->
                                </table>
                                <!--end::Table-->
                            </div>
                        </div>
                        <!--end::Widget 11-->
                    </div>
                    @endforeach


                </div>
<!--                <div class="m-portlet m-portlet--full-height table_style user_target_report">

                    <div class="m-portlet__body">
                        end::Widget 11
                        <div class="row listing_pagitation">
                            <div class="col-sm-12 col-md-5">
                                <div class="dataTables_info">Displaying {{$data->firstItem()}} - {{$data->lastItem()}} of {{$data->total()}} records</div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="dataTables_paginate paging_simple_numbers">
                                    {{$data->links()}}
                                     <ul class="pagination">
                                        
                                        <li class="paginate_button page-item previous disabled">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="0" tabindex="0" class="page-link">
                                                <img src="images/pagi_arrow_left.png" alt="">
                                            </a>
                                        </li>
                                        <li class="paginate_button page-item previous disabled">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="0" tabindex="0" class="page-link">
                                                <i class="la la-angle-left"></i>
                                            </a>
                                        </li>
                                        <li class="paginate_button page-item active">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="1" tabindex="0" class="page-link">1</a>
                                        
                                        </li>
                                        <li class="paginate_button page-item ">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="2" tabindex="0" class="page-link">2</a>
                                        </li>
                                        <li class="paginate_button page-item ">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="3" tabindex="0" class="page-link">3</a>
                                        </li>
                                        <li class="paginate_button page-item ">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="4" tabindex="0" class="page-link">4</a>
                                        </li>
                                        <li class="paginate_button page-item ">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="5" tabindex="0" class="page-link">5</a>
                                        </li>
                                        <li class="paginate_button page-item next">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="6" tabindex="0" class="page-link">
                                                <i class="la la-angle-right"></i>
                                            </a>
                                        </li>
                                        <li class="paginate_button page-item next">
                                            <a href="#" aria-controls="m_table_1" data-dt-idx="6" tabindex="0" class="page-link">
                                                <img src="images/pagi_arrow.png" alt="">
                                            </a>
                                        </li>
                                    </ul> 

                                </div>
                            </div>
                        </div>                                   
                    </div>
                </div>-->
                <!--end:: Widgets/Best Sellers-->

            </div>

        </div>
        <!-- END: target_sub -->


    </div>
</div>                

@endsection