@extends('layout.template')

@section('title', 'GestStudent')
@section('sidebar')
    <aside class="left-sidebar">

        <div class="scroll-sidebar">

            <nav class="sidebar-nav">
                <ul id="sidebarnav" class="in" style="background-color: {{ session('etablissementCouleur1') }};">

                    <li class="sidebar-item focus"> <a class="sidebar-link focus waves-effect " style="color:white;"
                            href="{{ route('home') }}" aria-expanded="false"><i class="mdi mdi-av-timer"></i><span
                                class="hide-menu">Home </span></a>
                        <ul aria-expanded="false" class="collapse  first-level" id="navbar">
                            <li class="sidebar-item"><a href="{{ route('home') }}" class="sidebar-link"> <i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Home</span></a></li>
                            <li class="sidebar-item"><a href="{{ route('emecef') }}" class="sidebar-link"> <i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">E-MECEF</span></a></li>
                            <li class="sidebar-item"><a href="{{ route('scol') }}" class="sidebar-link"> <i
                                        class="ti-archive fa-fw"></i><span class="hide-menu"> Afficher la
                                        scolarité</span></a></li>
                            <li class="sidebar-item"><a href="{{ route('insert') }}" class="sidebar-link"> <i
                                        class="ti-archive fa-fw"></i><span class="hide-menu"> Insertion scolarité</span></a>
                            </li>
                            <li class="sidebar-item"><a href="{{ route('form.migrer') }}" class="sidebar-link"> <i
                                        class="ti-archive fa-fw"></i><span class="hide-menu"> Migration scolarité</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark" href="javascript:void(0)"
                            aria-expanded="false"><i class="mdi mdi-clipboard-text"></i><span
                                class="hide-menu">Mouvement@Dépassement </span></a>
                        <ul aria-expanded="false" class="collapse  first-level" id="navbar">
                            <li class="sidebar-item"><a href="{{ route('form.mvt') }}" class="sidebar-link"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu"> Mouvement</span></a></li>
                            <li class="sidebar-item"><a href="{{ route('form.fact') }}" class="sidebar-link"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu"> Facturation
                                        finissant</span></a></li>
                        </ul>
                    </li>


                    <li class="sidebar-item"> <a class="sidebar-link  waves-effect waves-dark"
                            href="{{ route('form.etat') }}" aria-expanded="false"><i
                                class="mdi mdi-clipboard-text"></i><span class="hide-menu">Etat de payement</span></a> </li>

                    <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark" href="javascript:void(0)"
                            aria-expanded="false"><i class="mdi mdi-av-timer"></i><span
                                class="hide-menu">Scolarité</span></a>
                        <ul aria-expanded="false" class="collapse first-level" id="navbar">
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark"
                                    href="{{ route('form.ajour') }}" aria-expanded="false"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Etudiant à jour</span></a>

                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark"
                                    href="{{ route('form.scolarite') }}" aria-expanded="false"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Synthèse scolarité</span></a>
                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                    href="{{ route('form.global') }}" aria-expanded="false"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Synthèse globale</span></a>
                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                    href="{{ route('form.list') }}" aria-expanded="false"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Liste globale /
                                        Filière</span></a></li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"
                                    href="{{ route('form.synth.inscr') }}" aria-expanded="false"><i
                                        class="ti-archive fa-fw"></i><span class="hide-menu">Synthèse
                                        inscription</span></a></li>
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark"
                            href="{{ route('guide') }}" aria-expanded="false"><i
                                class="mdi mdi-clipboard-text"></i><span class="hide-menu">Guide d'utilisation </span></a>
                    </li>
                </ul>
            </nav>

        </div>

    </aside>
@endsection



@section('main')

    <div class="page-content container-fluid">
        <div class="bg-white p-5" style="height: 100%;margin-top:5%">
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-bs-toggle="tab" href="#home" role="tab"
                        style="font-size: large">
                        <span>Activités</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#profile" role="tab" style="font-size: large">
                        <span>Profile</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#profileComp" role="tab"
                        style="font-size: large" id="setting">
                        <span>Settings</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-bs-toggle="tab" href="#password" role="tab" style="font-size: large"
                        id="pass">
                        <span>Password</span>
                    </a>
                    @if (Session::has('password'))
                        @php
                            Session::forget('password');
                        @endphp
                        <script type="text/javascript">
                            window.onload = function() {
                                document.getElementById('pass').click()
                            }
                        </script>
                    @endif
                    @if (Session::has('set'))
                        @php
                            Session::forget('set');
                        @endphp
                        <script type="text/javascript">
                            window.onload = function() {
                                document.getElementById('setting').click()
                            }
                        </script>
                    @endif

                </li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="home" role="tabpanel">
                    <div class="p-5">
                        <div class="row justify-content-center">
                            <div class="col-md-8">
                                <div class="card"
                                    style="border: solid #cfcfcf 0.07em; box-shadow: -2px 2px 7px #cfcfcf">
                                    <div class="card-header bg-white d-flex align-items-center"
                                        style="border-bottom: solid #cfcfcf 0.02em">
                                        <h4 class="card-title text-dark">GestStudent</h4>
                                        <div class="card-actions ms-auto d-flex button-group">
                                            <a class="mb-0 link d-flex align-items-center pe-0" style="color: #cfcfcf;"
                                                data-action="close">
                                                <i data-feather="x" class="feather-sm"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="card-body collapse show text-center">
                                        @if (!count($activites))
                                            <p class="card-text text-danger">Aucune activité...</p>
                                        @else
                                            @foreach ($activites as $activite)
                                                <table>
                                                    <tr>
                                                        <th>Adresse</th>
                                                        <th>Opération</th>
                                                        <th>Date</th>
                                                    </tr>
                                                    <tr>
                                                        <th>{{ $activite->adresseip }}</th>
                                                        <th>{{ $activite->operation }}</th>
                                                        <th>{{ $activite->dateActivite }}</th>
                                                    </tr>
                                                </table>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane  p-3" id="profile" role="tabpanel">
                    <div class="row">
                        <div class="col-md-3 col-xs-6 border-end"> <strong>Full Name</strong>
                            <br>
                            <p class="text-muted">{{ Session::get('nom') }} {{ Session::get('prenom') }}</p>
                        </div>
                        <div class="col-md-3 col-xs-6 b-r"> <strong>Mobile</strong>
                            <br>
                            <p class="text-muted">{{ Session::get('phone') }}</p>
                        </div>
                        <div class="col-md-3 col-xs-6 b-r"> <strong>Email</strong>
                            <br>
                            <p class="text-muted">{{ Session::get('email') }}</p>
                        </div>
                        <div class="col-md-3 col-xs-6"> <strong>Nationalité</strong>
                            <br>
                            <p class="text-muted">{{ Session::get('nationalite') }}</p>
                        </div>
                    </div>
                    <hr>
                    <p class="m-t-30">.</p>
                    <hr>
                </div>
                <div class="tab-pane p-3" id="password" role="tabpanel">
                    <div class="card">
                        <div class="card-body">
                            <form class="form-material mt-4" method="POST" action={{ route('store.pass') }}>
                                @csrf()
                                <div class="mb-3">
                                    <label style="font-weight: bolder;" for="matricule">Mot de passe actuel</label>
                                    <input type="password" class="form-control @error('oldPassword') is-invalid @enderror"
                                        placeholder="Current Password" id="oldPassword" name="oldPassword" required>
                                </div>

                                <div class="mb-3 ">
                                    <label style="font-weight: bolder;" for="password">Nouveau mot de passe</label>
                                    <div class="row" id="pwd">
                                        <div class="col-md-6">
                                            <input type="password" class="form-control" placeholder="Password"
                                                id="password" name="password" required>
                                            @error('password')
                                                <small class="alert text-danger"
                                                    style="font-size: 15px;">{{ $message }}</small>
                                            @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <input type="password" class="form-control" placeholder="Confirm Password"
                                                id="password_confirmation" name="password_confirmation" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <button id="passwordUpdate" type="submit" class="btn btn-success">Update
                                        Password</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tab-pane p-3" id="profileComp" role="tabpanel">
                    <form method="post" action="{{ route('store.profile') }}"class="form-material mt-4">
                        @csrf()
                        <div class="mb-3">
                            <label style="font-weight: bolder;" for="matricule">Matricule</label>
                            <input required type="text" class="form-control form-control-line "
                                value="{{ Session::get('matricule') }}" readonly id="matricule" name="matricule">
                        </div>
                        <div class="mb-3">
                            <label style="font-weight: bolder;" for="name">Full Name</label>
                            <input required type="text" class="form-control form-control-line "
                                value="{{ Session::get('nom') }} {{ Session::get('prenom') }}" readonly id="name"
                                name="name">
                        </div>
                        <div class="mb-3">
                            <label style="font-weight: bolder;" for="email">Email</label>
                            <input required type="email" id="email" name="email"
                                class="form-control @error('email') is-invalid @enderror" placeholder="Email"
                                value="{{ Session::get('email'), old('email') }}">
                        </div>
                        <div class="mb-3">
                            <label style="font-weight: bolder;" for="phone">Phone No</label>
                            <input required type="text" class="form-control"
                                value="{{ Session::get('phone'), old('phone') }}" id="phone" name="phone">
                        </div>
                        <div class="mb-3">
                            <label style="font-weight: bolder;" for="description">Description</label>
                            <textarea class="form-control" rows="5" name="description" id="description">{{ old('description') }}</textarea>
                        </div>
                        <div class="col-sm-12">
                            <button id="profileupdate" type="submit" class="btn btn-success">Update Profile</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    @if (Session::has('erreurPass'))
        <script type="text/javascript">
            Swal.fire({
                icon: 'error',
                title: 'Une erreure s\'est produite !',
                text: "{{ Session::get('erreurPass') }}",
                footer: ''
            })
        </script>
        {{-- @php
            Session::forget::('erreurPass');
        @endphp --}}
    @endif
    @if (Session::has('success'))
        <script type="text/javascript">
            Swal.fire(
                'Succès !',
                "{{ Session::get('success') }}",
                'success'
            )
        </script>
        {{-- @php
            Session::forget::('success');
        @endphp --}}
    @endif

@endsection