@extends('companyuser::layouts.master')
@section('title', __('companyuser::sidebar.Reports'))
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a>@lang('companyuser::sidebar.Reports')</a></li>
                <li class="breadcrumb-item active"><a href="#">@lang('reports::reports.index.all_reports')</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('extra_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/reports/index.css') }}">
@endsection
@section('content')
    <section id="reports">
        <div class="container-fluid">
            <div class="row text-right">
                <div class="col-md-6 headTitle">
                    <h3 class="py-half">@lang('companyuser::sidebar.Reports')</h3>
                </div>
            </div>

            <div class="row">
                @if( !$data['accountingSettingsCount'])
                    <div class="col-md-12  col-xs-12 text-center">
                        <div class="alert alert-white settings-alert">
                            @lang('superadmin::Dashboard.Please set your ')
                            &nbsp;
                            <a href="{{route('company.accounting-settings.index', $subdomain)}}">
                                @lang('settings::general_settings.accounting settings') </a>
                            &nbsp; @lang('reports::reports.index.to_be_able_to_display_reports')
                        </div>
                    </div>
                @endif
            </div>

            @include('companyuser::errors.all')
            @include('companyuser::errors.lists')
            @if($data['favoritesReports'])
                <section id="configuration">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="card bg-transparent" style="border: none !important; box-shadow: none !important;">
                                <div class="card-body collapse in px-0">
                                    <h2 class="arbFont-bold mb-2">@lang('reports::reports.index.favourites')</h2>
                                    <div class="container-fluid p-0">
                                        <div class="row row-eq-height row-compact">
                                            @foreach($data['favoritesReports'] as $report)
                                                @can('reports.'.strtolower(str_replace(' ', '-', $report['name'])).'.view')
                                                    <div class="col-lg-3 col-md-6 col-xs-12 mb-2">
                                                        <x-report-card
                                                            :report="$report"
                                                            :subdomain="$subdomain"
                                                            :allowed="in_array($report['id'], $data['allowedReportsForCurrentSubscriptions'])"
                                                            :accounting-settings-set="$data['accountingSettingsCount']"
                                                            :show-favorite-toggle="false"
                                                            :is-highlight="true"
                                                        />
                                                    </div>
                                                @endcan
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            @endif
            <section id="configuration">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="card bg-transparent" style="border: none !important; box-shadow: none !important;">
                            <div class="card-body collapse in px-0">
                                <div class="mb-2">
                                    <h2 class="arbFont-bold">@lang('reports::reports.index.all_reports')</h2>
                                </div>
                                <div class="container-fluid p-0">
                                    <div class="row row-eq-height row-compact">
                                        @foreach($data['reports'] as $report)
                                            <div class="col-lg-3 col-md-6 col-xs-12 mb-2">
                                                <x-report-card
                                                    :report="$report"
                                                    :subdomain="$subdomain"
                                                    :allowed="in_array($report['id'], $data['allowedReportsForCurrentSubscriptions'])"
                                                    :accounting-settings-set="$data['accountingSettingsCount']"
                                                    :show-favorite-toggle="true"
                                                />
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_reports');
        console.log('web_reports event');
    </script>
@endsection