@extends('layouts.app')

@section('unique-css')
    <link href="{{ asset('css/projets/planning/planning.css') }}" rel="stylesheet">
@endsection

@php
    $onglet_disabled = (Request::is('projets/create') || Request::routeIs('bibliotheque_projets.*')) ? 'disabled' : '';
@endphp

@section('content')
    <div id="ecran-projet" class="container">
        <h2 class="pb-2">
            @if(Request::routeIs('bibliotheque_projets.show'))
                Fiche référentiel projet
            @elseif(Request::routeIs('bibliotheque_projets.create'))
                Ajouter un projet à la bibliothèque
            @elseif(Request::is('projets/create')) 
                Ajouter un projet
            @else 
                Modifier le projet
            @endif 
        </h2>

        <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link @if (Session::get('active') === null) active @endif" id="creation-tab" data-toggle="tab" href="#creation" role="tab"
                   aria-controls="creation" aria-selected="true">Informations générales</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(Session::get('active') === 'leviers') active @endif" id="leviers-tab" data-toggle="tab"
                   href="#leviers" role="tab" aria-controls="leviers" aria-selected="false">Leviers</a>
            </li>

            @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_RECURRENTS) || !isset($projet))
                <li class="nav-item">
                    <a class="nav-link {{ $onglet_disabled }}
                    @if(Session::get('active') === 'achats_simples') active @endif" id="achats-simples-tab"
                    data-toggle="tab" href="#achats-simples" role="tab" aria-controls="achats-simples"
                    aria-selected="false">Achats récurrents</a>
                </li>
            @endif

            @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_COMPLEXES))
                <li class="nav-item">
                    <a class="nav-link {{ $onglet_disabled }}
                    @if(Session::get('active') === 'achats_complexes') active @endif id="achats-complexes-tab"
                    data-toggle="tab" href="#achats-complexes" role="tab" aria-controls="achats-complexes"
                    aria-selected="false">Achats complexes</a>
                </li>
            @endif

            @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_INVESTISSEMENT))
                <li class="nav-item">
                    <a class="nav-link {{ $onglet_disabled }}
                    @if(Session::get('active') === 'achats_investissements') active @endif id="achats-investissements-tab"
                    data-toggle="tab" href="#achats-investissements" role="tab" aria-controls="achats-investissements"
                    aria-selected="false">Achats ponctuels</a>
                </li>
            @endif

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(Session::get('active') === 'resp.soc.env') active @endif" id="respsocenv-tab" data-toggle="tab"
                   href="#respsocenv" role="tab" aria-controls="respsocenv" aria-selected="false">Resp.Soc.Env.</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(Session::get('active') === 'statuts') active @endif" id="statuts-tab" data-toggle="tab"
                   href="#statuts" role="tab" aria-controls="status" aria-selected="false">Statuts</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(str_starts_with(Session::get('active') ?? '', 'gestion_projet')) active @endif" id="gestion-projet-tab" data-toggle="tab"
                   href="#gestionprojet" role="tab" aria-controls="gestionprojet" aria-selected="false">Gestion projet</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(in_array(Session::get('active'), array('planification', 'planification.create', 'planification.edit'))) active @endif" id="planification-tab" data-toggle="tab"
                   href="#planification" role="tab" aria-controls="planification" aria-selected="false">Planification</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(Session::get('active') === 'suivi') active @endif" id="suivi-tab" data-toggle="tab"
                   href="#suivi" role="tab" aria-controls="suivi" aria-selected="false">Suivi</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(in_array(Session::get('active'), array('messages', 'messages.create', 'messages.edit'))) active @endif" id="messages-tab" data-toggle="tab"
                   href="#messages" role="tab" aria-controls="messages" aria-selected="false">Messages</a>
            </li>

            <li class="nav-item">
                <a class="nav-link {{ $onglet_disabled }}
                @if(in_array(Session::get('active'), array('fichiers', 'fichiers.create', 'fichiers.edit'))) active @endif" id="fichiers-tab" data-toggle="tab"
                   href="#fichiers" role="tab" aria-controls="fichiers" aria-selected="false">Fichiers</a>
            </li>
        </ul>

        <div class="tab-content p-4" id="myTabContent">
            <!-- Onglet Création -->
            <div class="tab-pane fade @if (Session::get('active') === null) show active @endif" id="creation" role="tabpanel" aria-labelledby="creation-tab">
                @include('projets.form.onglets.creation')
            </div>

            {{-- Si on est en mode edit, on inclut le contenu des autres onglets --}}
            @if(!Request::is('projets/create') && !Request::routeIs('bibliotheque_projets.*'))
                <!-- Onglet Leviers -->
                <div class="tab-pane fade @if(Session::get('active') === 'leviers') show active @endif" id="leviers" role="tabpanel" aria-labelledby="leviers-tab">
                    @include('projets.form.onglets.leviers')
                </div>

                <!-- Onglet Achats simples -->
                @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_RECURRENTS) || !isset($projet))
                    <div class="tab-pane fade @if(Session::get('active') === 'achats_simples') show active @endif" id="achats-simples" role="tabpanel" aria-labelledby="achats-simples-tab">
                        @include('projets.form.onglets.achats.achats-simples')
                    </div>
                @endif

                <!-- Onglet Achats complexes -->
                @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_COMPLEXES))
                    <div class="tab-pane fade @if(Session::get('active') === 'achats_complexes') show active @endif" id="achats-complexes" role="tabpanel" aria-labelledby="achats-complexes-tab">
                        {{-- Si dans la config on souhaite les achats complexes par défaut --}}
                        @if($projet->structure->type_achat_cout_global == 1)
                            @include('projets.form.onglets.achats.achats-complexes')
                        {{-- Si dans la config on souhaite les achats complexes de la DGOS --}}
                        @elseif($projet->structure->type_achat_cout_global == 2)
                            @include('projets.form.onglets.achats.achats-complexes-dgos')
                        @endif
                    </div>
                @endif

                <!-- Onglet Achats investissement -->
                @if( (isset($projet) && $projet->type_calcul_gains === TYPE_CALCUL_GAINS::ACHATS_INVESTISSEMENT))
                    <div class="tab-pane fade @if(Session::get('active') === 'achats_investissements') show active @endif" id="achats-investissements" role="tabpanel" aria-labelledby="achats-investissements-tab">
                        @include('projets.form.onglets.achats.achats-investissements')
                    </div>
                @endif

                <!-- Onglet Resp.Soc.Env. -->
                <div class="tab-pane fade @if(Session::get('active') === 'resp.soc.env') show active @endif" id="respsocenv" role="tabpanel" aria-labelledby="contact-tab">
                    @include('projets.form.onglets.resp-soc-env')
                </div>

                <!-- Onglet Statuts -->
                <div class="tab-pane fade @if(Session::get('active') === 'statuts') show active @endif" id="statuts" role="tabpanel" aria-labelledby="statuts-tab">
                    @include('projets.form.onglets.statut')
                </div>

                <!-- Onglet Gestion projet -->
                <div class="tab-pane fade @if(Session::get('active') === 'gestion_projet') show active @endif" id="gestionprojet" aria-labelledby="gestionprojet-tab">
                    @include('projets.form.onglets.gestion-projet')
                </div>
                <div class="tab-pane fade @if(Session::get('active') === 'gestion_projet.form') show active @endif" id="gestionprojet-form" role="tabpanel" aria-labelledby="gestionprojet-form-tab">
                    @include('projets.form.onglets.taches.form')
                </div>

                <!-- Onglet planification -->
                <div class="tab-pane fade @if(Session::get('active') === 'planification') show active @endif" id="planification" role="tabpanel" aria-labelledby="contact-tab">
                    @include('projets.form.onglets.planification.index')
                </div>

                <!-- Onglet Suivi -->
                <div class="tab-pane fade @if(Session::get('active') === 'suivi') show active @endif" id="suivi" role="tabpanel" aria-labelledby="contact-tab">
                    @include('projets.form.onglets.suivi')
                </div>

                <!-- Onglet Messages -->
                <div class="tab-pane fade @if(Session::get('active') === 'messages') show active @endif" id="messages" role="tabpanel" aria-labelledby="messages-tab">
                    @include('projets.form.onglets.messages')
                </div>

                <!-- Onglet Fichier -->
                <div class="tab-pane fade @if(Session::get('active') === 'fichiers') show active @endif" id="fichiers" role="tabpanel" aria-labelledby="contact-tab">
                    @include('projets.form.onglets.fichiers.index')
                </div>
                <div class="tab-pane fade @if(Session::get('active') === 'fichiers.create') show active @endif" id="fichiers" role="tabpanel" aria-labelledby="contact-tab">
                    @include('projets.form.onglets.fichiers.create')
                </div>
                {{-- On load la vue uniquement si la variable fichier est set --}}
                @isset($fichier)
                    <div class="tab-pane fade @if(Session::get('active') === 'fichiers.edit') show active @endif" id="fichiers" role="tabpanel" aria-labelledby="contact-tab">
                        @include('projets.form.onglets.fichiers.edit')
                    </div>
                @endisset
            @endif
        </div>
    </div>

    <script>
        {{-- Permet de fermer les alert au changement d'onglet --}}
        $('a[data-toggle="tab"]').on('shown.bs.tab', function () {
            $('.alert-success').hide();
            $('.alert-danger').hide();
        });
    </script>
    <script src="{{ asset('js/projets/planning/planning.js') }}"></script>
@endsection