@extends('admin.layout.master')

  <!-- Dropify Css -->
  <link href="{{ asset('plugins/dropify/dist/css/dropify.min.css') }}" rel="stylesheet">
    <!-- Dropify Plugin Js -->
  <!-- Dropify Plugin Js -->
  <script src="{{ asset('plugins/dropify/dist/js/dropify.min.js') }}"></script>


{{--  @section('title') Tableau de bord @endsection  --}}
  /* ══════════════════════════════════════════════
     PROFIL ADMIN — Design Cloud-Premium
     ══════════════════════════════════════════════ */
     
    .glass-panel-lux {
        background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px; padding: 40px; margin-bottom: 30px; transition: all 0.3s;
    }
    .panel-header-lux { 
        font-size: 0.8rem; text-transform: uppercase; font-weight: 800; color: #fff; 
        margin-bottom: 35px; display: flex; align-items: center; gap: 12px; opacity: 0.9; letter-spacing: 1.5px;
    }
    .panel-header-lux i { color: var(--vt-primary); font-size: 1.2rem; }

    .avatar-upload-chic {
        width: 150px; height: 150px; margin: 0 auto;
    }
    .avatar-upload-chic .dropify-wrapper {
        border-radius: 50% !important; border: 3px solid rgba(var(--vt-primary-rgb), 0.3) !important;
        overflow: hidden !important; background: rgba(0,0,0,0.2) !important;
    }
    .avatar-upload-chic .dropify-wrapper:hover { border-color: var(--vt-primary) !important; }

    .badge-premium-chic {
        background: rgba(var(--vt-primary-rgb), 0.1); color: var(--vt-primary);
        border: 1px solid rgba(var(--vt-primary-rgb), 0.2); border-radius: 8px;
        padding: 5px 12px; font-size: 0.75rem; font-weight: 700; display: inline-block;
    }

    .divider-chic { height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); }

    .password-requirements-chic {
        background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05);
        border-radius: 15px; padding: 20px;
    }
    .password-requirements-chic li { margin-bottom: 8px; }

    /* Forcer transparence layout */
    .pcoded-content, .pcoded-inner-content, .main-body, .page-wrapper, .page-body { background: transparent !important; }
@section('content')
<section>
    <div class="pcoded-content">
        <!-- [ breadcrumb ] start -->
        <div class="page-header">
            <div class="page-block">
                <div class="row align-items-center">
                    <div class="col-md-12">
                        <div class="page-header-title">
                            <h4 class="m-b-10">Paramètre</h4>
                        </div>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{ route('home_path') }}">
                                <i class="feather icon-home"></i>
                            </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ route('home_path') }}">Accueil</a>
                            </li>
                            <li class="breadcrumb-item">
                                <a href="#">Mon Profil
                                    {{-- <a href="{{ route('admin.souscripteur.index') }}">Liste des polices de @if (isset($souscripteur))
                                        " {{ $souscripteur->nom.' '.$souscripteur->prenoms }}"
                                    @endif--}} 
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- [ breadcrumb ] end -->
        <div class="pcoded-inner-content">
        <!-- Main-body start -->
        <div class="main-body">
            <div class="page-wrapper">
                <!-- Page-body start -->
                <div class="page-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="container">
                                <div class="row justify-content-center">
                                    <div class="col-12 col-lg-10 col-xl-8 mx-auto">
                                        <h2 class="h3 mb-4 page-title">Paramètre</h2>
                                        <div class="glass-panel-lux animate-fade-in">
                                            <div class="panel-header-lux">
                                                <i class="feather icon-user"></i> Mon Profil Utilisateur
                                            </div>

                                            {{ Form::model($utilisateur, ['route' => 'admin.updateAdmin', 'method' => 'POST', 'id' => 'form_utilisateur', 'class' => 'form-horizontal', 'files' => true]) }}
                                                <div class="row align-items-center mb-5">
                                                    <div class="col-md-3 text-center">
                                                        <div class="avatar-upload-chic">
                                                            <input type="file" name="photo" id="photo" class="dropify" data-default-file="{{ isset($utilisateur) && $utilisateur->photo != null ? asset('plugins/thumbs/pixer_150/'.$utilisateur->photo) : asset('images/img_placeholder.png') }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <div class="profile-info-chic">
                                                            <h3 class="text-white fw-800 mb-1">{{ ucfirst($currentUser->nom.' '.$currentUser->prenoms) }}</h3>
                                                            <div class="badge-premium-chic">{{ $currentUser->email }}</div>
                                                            <p class="text-muted mt-3 small opacity-70">Gérez vos informations personnelles et vos paramètres de sécurité.</p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row g-4">
                                                    <div class="col-md-12">
                                                        <label class="filter-label-chic">Rôle & Permissions</label>
                                                        {{ Form::select('role_id', $roles, old('role_id'), ['class' => 'select2 js-select2-premium', 'id' => 'role_id']) }}
                                                    </div>
                                                    
                                                    <div class="col-md-6">
                                                        <label class="filter-label-chic">Nom</label>
                                                        {{ Form::text('nom', old('nom'), ['class' => 'form-control input-chic form-control-uppercase', 'placeholder' => 'Saisir le nom', 'id' => 'nom']) }}
                                                        @if (($errors->has('nom')))
                                                            <span class="text-danger small mt-1">{{ $errors->first('nom') }}</span>
                                                        @endif
                                                    </div>
                                                    
                                                    <div class="col-md-6">
                                                        <label class="filter-label-chic">Prénoms</label>
                                                        {{ Form::text('prenoms', old('prenoms'), ['class' => 'form-control input-chic form-control-uppercase', 'placeholder' => 'Saisir les prénoms', 'id' => 'prenoms']) }}
                                                        @if (($errors->has('prenoms')))
                                                            <span class="text-danger small mt-1">{{ $errors->first('prenoms') }}</span>
                                                        @endif
                                                    </div>

                                                    <div class="col-md-6">
                                                        <label class="filter-label-chic">Adresse Email</label>
                                                        {{ Form::text('email', old('email'), ['class' => 'form-control input-chic email_mask', 'placeholder' => 'Saisir l\'email', 'id' => 'email']) }}
                                                        @if (($errors->has('email')))
                                                            <span class="text-danger small mt-1">{{ $errors->first('email') }}</span>
                                                        @endif
                                                    </div>

                                                    <div class="col-md-6">
                                                        <label class="filter-label-chic">Téléphone</label>
                                                        {{ Form::text('telephone', old('telephone'), ['class' => 'form-control input-chic phone_mask', 'placeholder' => 'Saisir le téléphone', 'id' => 'telephone']) }}
                                                        @if (($errors->has('telephone')))
                                                            <span class="text-danger small mt-1">{{ $errors->first('telephone') }}</span>
                                                        @endif
                                                    </div>

                                                    <div class="col-md-12">
                                                        <label class="filter-label-chic">Nom d'utilisateur (Login)</label>
                                                        {{ Form::text('username', old('username'), ['class' => 'form-control input-chic form-control-lowercase', 'placeholder' => 'Saisir le login', 'id' => 'username']) }}
                                                        @if (($errors->has('username')))
                                                            <span class="text-danger small mt-1">{{ $errors->first('username') }}</span>
                                                        @endif
                                                    </div>
                                                </div>

                                                <div class="divider-chic my-5"></div>
                                                
                                                <div class="row g-4 mb-5">
                                                    <div class="col-md-6">
                                                        <h5 class="text-white fw-700 mb-4"><i class="feather icon-lock me-2"></i>Changement de Mot de passe</h5>
                                                        
                                                        <div class="mb-4">
                                                            <label class="filter-label-chic">Nouveau Mot de passe</label>
                                                            {{ Form::password('password', ['class' => 'form-control input-chic', 'placeholder' => 'Saisir le nouveau mot de passe', 'id' => 'password']) }}
                                                            @if (($errors->has('password')))
                                                                <span class="text-danger small mt-1">{{ $errors->first('password') }}</span>
                                                            @endif
                                                        </div>
                                                        
                                                        <div class="mb-4">
                                                            <label class="filter-label-chic">Confirmer Mot de passe</label>
                                                            {{ Form::password('confirm_password', ['class' => 'form-control input-chic', 'placeholder' => 'Confirmer le mot de passe', 'id' => 'confirm_password']) }}
                                                            @if (($errors->has('confirm_password')))
                                                                <span class="text-danger small mt-1">{{ $errors->first('confirm_password') }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="col-md-6">
                                                        <div class="password-requirements-chic">
                                                            <p class="fw-800 text-white mb-3">Exigences de sécurité</p>
                                                            <ul class="small list-unstyled opacity-70">
                                                                <li><i class="feather icon-check-circle me-2 text-primary"></i> Minimum 8 caractères</li>
                                                                <li><i class="feather icon-check-circle me-2 text-primary"></i> Au moins un caractère spécial</li>
                                                                <li><i class="feather icon-check-circle me-2 text-primary"></i> Au moins un chiffre</li>
                                                                <li><i class="feather icon-check-circle me-2 text-primary"></i> Différent du précédent</li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="text-end">
                                                    <button type="submit" class="btn-valider-premium">
                                                        <i class="feather icon-save me-2"></i> Sauvegarder les modifications
                                                    </button>
                                                </div>
                                            {{ Form::close() }}
                                        </div>
                                           {{--  {!! JsValidator::formRequest('Vitalis\Utilisateur\Requests\UtilisateurRequest')->selector('#form_utilisateur') !!}
                                            <script src="{{asset('plugins/files/assets/js/gantVitalis.js') }}"></script> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection