{{-- CSS --}}
<link href="{{ asset('css/pages/shared/informes.css') }}" rel="stylesheet" type="text/css" >
<link href="{{ asset('css/pages/shared/reports_index.css') }}" rel="stylesheet" type="text/css" >
<link href="{{ asset('css/components/custom/select2.css') }}" rel="stylesheet" type="text/css" >

@extends('adminlte::page')
@section('title', __('modules')['dashboard']['invoicing']['reports'])

@section ('content')

  {{-- Control Data --}}
    @php
      // Control Status
        $is_admin = Auth::user()->role === 'administrador';
        $is_enable = Auth::user()->report_permissions['has_permission'];
        $is_any_filled = Auth::user()->report_permissions['statistical_summaries'] ||
                        Auth::user()->report_permissions['income_reports'];
    @endphp

  {{-- Styles --}}
  <style>
    .swal2-content {
        text-align: start !important;
    }

    .select2-selection__clear {
        margin-top: 0rem !important;
    }
  </style>

  {{-- Body --}}
    <section class="pr-3">

      {{-- Allowed --}}
        @if ($is_admin || ($is_enable && $is_any_filled))
            <div class="mt-2">

                {{-- Main Title --}}
                <div class="row justify-content-center align-items-center">
                    <div class="col-11">
                        <div class="text-center card cardReport">
                            <div class="card-body d-flex justify-content-center">
                                <div class="w-50">
                                    <h3 class="reportTitle">
                                        {{ __('reports')['invoicing']['title'] }}
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Reportes Estadísticos --}}
                <div class="card-info">

                    {{-- Title --}}
                    <div class="panel-heading">
                        <h4 class="reportSubtitle">
                            {{ __('reports')['invoicing']['statisticalReports']['title'] }}
                        </h4>
                    </div>

                    {{-- Stamping,  --}}
                    <div class="pb-1 panel-body">
                        <table class="table table-striped table-bordered">
                            <tbody>

                                {{-- stamping --}}
                                <tr><td colspan="2" style="font-weight: bold">
                                    {{ __('reports')['invoicing']['statisticalReports']['stamping']['title'] }}
                                </td></tr>

                                {{-- @foreach ($invoicing_reports->statisticalReports['stamping'] as $report)
                                    <tr>
                                        <!-- Title -->
                                        <td class="pl-4 ng-binding" width="90%">
                                            {{ $report['title'] }}
                                        </td>

                                        <!-- Action -->
                                        <td class="text-center">

                                            <!-- Redirect Link -->
                                            @isset( $report['route'])
                                                <a class="pt-1 pb-1 btn with-icon text-light" title="Open Report..." href="{{ route('tax-reports.stamping.'.$report['route']) }}">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            @endisset

                                            <!-- Trigger Action -->
                                            @isset( $report['action'])
                                                <button class="pt-1 pb-1 btn with-icon text-light" title="Open Report..." onclick="{{ $report['action'] }}">
                                                    <i class="fa fa-link"></i>
                                                </button>
                                            @endisset

                                        </td>
                                    </tr>
                                @endforeach --}}

                            </tbody>
                        </table>
                    </div>
                </div>

            </div>

      {{-- Not Allowed --}}
        @else
            <div class="mt-5 d-flex justify-content-center align-items-center">
                <div class="text-center w-50 card-general">

                        {{-- Image --}}
                        @if (Auth::user()->profile_photo === null)
                            <img class="img-fluid;" style="max-width: 10rem; height: auto; margin:auto" src="{{ asset('images/only_harsi_bigger.png') }}" alt="">
                        @else
                            <img class="img-fluid;" style="max-width: 12rem; height: auto; margin:auto" src="{{ Auth::user()->profile_photo }}" alt="">
                        @endif

                        {{-- Message --}}
                        <div class="card-body">
                            {{-- Title --}}
                            <h3>{{ __('reports')['shared']['not_allowed']['title'] }}</h3>

                            {{-- Description --}}
                            <p class="card-text">
                                {{ __('reports')['shared']['not_allowed']['description_part_1'] }}
                                <b>{{ __('reports')['shared']['not_allowed']['description_part_2'] }}</b><br>
                                {{ __('reports')['shared']['not_allowed']['description_part_3'] }}
                            </p>

                            {{-- Solution --}}
                            <p class="px-3">
                                {{ __('reports')['shared']['not_allowed']['solution_part_1'] }}
                                <span style="font-weight: bold; color:#0d6889">{{ __('reports')['shared']['not_allowed']['solution_part_2'] }}</span>
                                {{ __('neutral_words')['or'] }}
                                <span style="font-weight: bold; color:#0d6889">{{ __('reports')['shared']['not_allowed']['solution_part_3'] }}</span>
                                {{ __('reports')['shared']['not_allowed']['solution_part_4'] }}
                            </p>
                        </div>

                </div>
            </div>
        @endif

    </section>

  {{-- JS Control --}}
    {{-- General Controls --}}
    <script type="text/javascript">"use strict";</script>

    @include('invoicing.reports.complements.index-scripts')

@endsection