@extends('layouts.admin')

@section('page-title', trans('crm.sales_reports').' - '.$title)

@section('content')

<div class="page-header page-header-light">
    <div class="page-header-content header-elements-md-inline">
        <div class="page-title d-flex">
            <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span class="font-weight-semibold">@lang('crm.sales_reports')</span></h4>
        </div>

    </div>
</div>

<div class="content">
    <div class="row">
        <a class="col-sm-6 col-md-4 col-lg-4 col-xl-3 report-button @if(Route::is('admin.reports.sales.invoice')) active @endif"
           href="{{ route('admin.reports.sales.invoice') }}">
            <div class="card card-body">
                <div class="media">
                    <div class="mr-3 align-self-center">
                        <i class="icon-table2 icon-2x text-success-400"></i>
                    </div>

                    <div class="media-body text-right">
                        <h3 class="font-weight-semibold mb-0">Invoices</h3>
                        <span class="text-uppercase font-size-sm text-muted">Report</span>
                    </div>
                </div>
            </div>
        </a>
        <a class="col-sm-6 col-md-4 col-lg-4 col-xl-3 report-button @if(Route::is('admin.reports.sales.appendix')) active @endif"
           href="{{ route('admin.reports.sales.appendix') }}">
            <div class="card card-body">
                <div class="media">
                    <div class="mr-3 align-self-center">
                        <i class="icon-table2 icon-2x text-success-400"></i>
                    </div>

                    <div class="media-body text-right">
                        <h3 class="font-weight-semibold mb-0">Appendix</h3>
                        <span class="text-uppercase font-size-sm text-muted">Report</span>
                    </div>
                </div>
            </div>
        </a>
        <a class="col-sm-6 col-md-4 col-lg-4 col-xl-3 report-button @if(Route::is('admin.reports.sales.payment')) active @endif"
           href="{{ route('admin.reports.sales.payment') }}">
            <div class="card card-body">
                <div class="media">
                    <div class="mr-3 align-self-center">
                        <i class="icon-table2 icon-2x text-success-400"></i>
                    </div>

                    <div class="media-body text-right">
                        <h3 class="font-weight-semibold mb-0">Payments</h3>
                        <span class="text-uppercase font-size-sm text-muted">Report</span>
                    </div>
                </div>
            </div>
        </a>
        <a class="col-sm-6 col-md-4 col-lg-4 col-xl-3 report-button @if(Route::is('admin.reports.sales.income')) active @endif"
           href="{{ route('admin.reports.sales.income') }}">
            <div class="card card-body">
                <div class="media">
                    <div class="mr-3 align-self-center">
                        <i class="icon-stats-dots icon-2x text-success-400"></i>
                    </div>

                    <div class="media-body text-right">
                        <h3 class="font-weight-semibold mb-0">Total Income</h3>
                        <span class="text-uppercase font-size-sm text-muted">Report</span>
                    </div>
                </div>
            </div>
        </a>
    </div>

    @include('partials.messages')

    @yield('reports_content')

</div>
@stop

@section('styles')
    <style>
        .report-button{
            cursor: pointer;
        }
        .report-button:hover .card, .report-button.active .card{
            /*background: #e9ffea;*/
            border: 1px solid #03a9f4;
        }
    </style>
@stop

@section('scripts')
    <script>

    </script>
@stop