@extends(backpack_view('layouts.top_left'))

@php
    $defaultBreadcrumbs = [
      trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'),
      $crud->entity_name_plural => url($crud->route),
      trans('backpack::crud.preview') => false,
    ];

    // if breadcrumbs aren't defined in the CrudController, use the default breadcrumbs
    $breadcrumbs = $breadcrumbs ?? $defaultBreadcrumbs;
@endphp

@section('header')
    <section class="container-fluid d-print-none">
        <a href="javascript: window.print();" class="btn btn-secondary float-right"><i class="la la-print"></i> Imprimer</a>
        <h1 class="beneficiary-header page-title">
            <span class="d-flex flex-column">
                <span
                    class="mb-2">{!! $crud->getSubheading() ?? mb_ucfirst(trans('backpack::crud.preview')).' '.$crud->entity_name !!}</span>
                <span class="text-capitalize beneficiary-header-title d-flex align-items-center">
                    <span class="mr-2">{!! $crud->getHeading() ?? $crud->entity_name_plural !!}</span>
                    @if (isPremium($entry))
                        <span class="tag tag-plan-primary bg-secondary text-white"><i
                                class="fa fa-fw fa-star text-white"></i> Premium</span>
                    @else
                        <span class="tag tag-plan-standard bg-secondary text-white border-0">Freemium</span>
                    @endif
                </span>
            </span>
        </h1>
    </section>
@endsection

@section('content')
    @php
        $tabsPermission = $crud->get("permissions");
    @endphp
    @if ($errors->any())
        <div class="alert alert-danger">
            @foreach ($errors->all() as $error)
                <p>{{ $error }}</p>
            @endforeach
        </div>
    @endif

    <div class="row">
        <section class="col-12">
            <ul id="tabStats" class="nav nav-tabs" role="tablist">
                @if($tabsPermission['base'])
                    <li class="nav-item mr-2">
                        <a class="nav-link active" data-toggle="tab" href="#base" role="tab"
                                aria-controls="home" aria-selected="true">Informations
                        </a>
                    </li>
                @endif
                @if($tabsPermission['sessions'])
                    <li class="nav-item mr-2">
                        <a class="nav-link" data-toggle="tab" href="#evaluations" role="tab"
                                aria-controls="profile" aria-selected="false">
                            Evaluations & Entrainements
                        </a>
                    </li>
                @endif
                @if($tabsPermission['contacts'])
                    <li class="nav-item mr-2">
                        <a class="nav-link" data-toggle="tab" href="#contacts" role="tab"
                                aria-controls="contacts" aria-selected="false">Contacts
                        </a>
                    </li>
                @endif
                @if($tabsPermission['stats'])
                    <li class="nav-item mr-2">
                        <a class="nav-link" data-toggle="tab" href="#stats" role="tab"
                                aria-controls="stats" aria-selected="false">Statistiques
                        </a>
                    </li>
                @endif
                @if($tabsPermission['devices'])
                    <li class="nav-item mr-2">
                        <a class="nav-link" data-toggle="tab" href="#devices" role="tab"
                                aria-controls="devices" aria-selected="false">Appareils
                        </a>
                    </li>
                @endif
                @if($tabsPermission['stats'])
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#usage" role="tab"
                                aria-controls="usage" aria-selected="false">Historique
                        </a>
                    </li>
                @endif
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="base" role="tabpanel">
                    @include('vendor.backpack.crud.beneficiary.tabs.tab-1-base')
                </div>
                @if($tabsPermission['sessions'])
                    <div class="tab-pane" id="evaluations" role="tabpanel">
                        @include('vendor.backpack.crud.beneficiary.tabs.tab-2-evals')
                    </div>
                @endif
                @if($tabsPermission['contacts'])
                    <div class="tab-pane" id="contacts" role="tabpanel">
                        @include('vendor.backpack.crud.beneficiary.tabs.tab-3-contacts')
                    </div>
                @endif
                @if($tabsPermission['stats'])
                    <div class="tab-pane" id="usage" role="tabpanel">
                        <div victory uri="{{route('stats.usage')}}" type="usage" title="Historique de la progression"
                             user="{{$entry->id}}">Chargement
                        </div>
                    </div>
                    <div class="tab-pane" id="stats" role="tabpanel">
                        <div victory uri="{{route('stats.history')}}" type="history"
                             title="Historique de la progression" user="{{$entry->id}}">Chargement
                        </div>
                    </div>
                @endif
                @if($tabsPermission['devices'])
                    <div class="tab-pane" id="devices" role="tabpanel">
                        @include('vendor.backpack.crud.beneficiary.tabs.tab-5-devices')
                    </div>
                @endif
            </div>
        </section>
        <aside class="col-12 mt-4">
            <table>
            @if ($crud->buttons()->where('stack', 'line')->count())
                @if ($crud->hasAccess('update'))
                    @if (!$crud->model->translationEnabled())
                        <!-- Single edit button -->
                            <a href="{{ url($crud->route.'/'.$entry->getKey().'/edit') }}"
                               class="btn btn-primary">{{ trans('backpack::crud.edit') }}</a>

                    @else
                        <!-- Edit button group -->
                            <div class="btn-group">
                                <a href="{{ url($crud->route.'/'.$entry->getKey().'/edit') }}"
                                   class="btn btn-sm btn-link pr-0">{{ trans('backpack::crud.edit') }}</a>
                                <a class="btn btn-sm btn-link dropdown-toggle text-primary pl-1" data-toggle="dropdown"
                                   aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right">
                                    <li class="dropdown-header">{{ trans('backpack::crud.edit_translations') }}:</li>
                                    @foreach ($crud->model->getAvailableLocales() as $key => $locale)
                                        <a class="dropdown-item"
                                           href="{{ url($crud->route.'/'.$entry->getKey().'/edit') }}?locale={{ $key }}">{{ $locale }}</a>
                                    @endforeach
                                </ul>
                            </div>

                        @endif
                    @else
                        <tr>
                            <td>
                                @include('crud::inc.button_stack', ['stack' => 'line'])
                            </td>
                        </tr>
                    @endif
                @endif
            </table>
        </aside>
    </div>
@endsection


@section('after_styles')
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/crud.css') }}">
    <link rel="stylesheet" href="{{ asset('packages/backpack/crud/css/show.css') }}">
@endsection

@section('after_scripts')
    @if(isBeneficiary($entry))
        <script>
            window.victoryData = {
                userProgress: {!! $tabsPermission['stats'] ? json_encode((new ChartData($entry->id, 10))->get(), JSON_PRETTY_PRINT) : '{}' !!},

            }
        </script>
    @endif
    <script src="{{ asset('packages/backpack/crud/js/crud.js') }}"></script>
    <script src="{{ asset('packages/backpack/crud/js/show.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            if (window.location.hash) {
                $(`#tabStats [href="${window.location.hash}"]`).tab('show')
            }
        })
    </script>
@endsection