@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  --}}
<style>
    
  
    body{
    color: #8e9194;
    background-color: #f4f6f9;
}
.avatar-xl img {
    width: 110px;
}
.rounded-circle {
    border-radius: 50% !important;
}
img {
    vertical-align: middle;
    border-style: none;
}
.text-muted {
    color: #aeb0b4 !important;
}
.text-muted {
    font-weight: 300;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5154;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #eef0f3;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
</style>
@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="my-4">
                                            <ul class="nav nav-tabs mb-4" id="myTab" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="false">Mon Profil</a>
                                                </li>
                                            </ul>
                                            {{ Form::model($utilisateur, ['route' => 'admin.updateAdmin', 'method' => 'POST', 'id' => 'form_utilisateur', 'class' => 'form-horizontal', 'files' => true]) }}
                                                <div class="row mt-5 align-items-center">
                                                    <div class="col-md-3 text-center mb-5">
                                                        <div class="avatar avatar-xl">
                                                            <input type="file" name="photo" id="photo" class="dropify avatar-img rounded-circle" data-default-file="{{ isset($utilisateur) && $utilisateur->photo != null ? asset('plugins/thumbs/pixer_150/'.$utilisateur->photo) : asset('images/img_placeholder.png') }}" />
                                                            {{-- <img class="avatar-img rounded-circle" alt="..." src="{{ isset($currentUser) && $currentUser->photo != null ? asset('plugins/thumbs/pixer_150/'.$currentUser->photo) : asset('images/img_placeholder.png') }}"/> --}}
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <div class="row align-items-center">
                                                            <div class="col-md-7">
                                                                <h4 class="mb-1">{{ ucfirst($currentUser->nom.' '.$currentUser->prenoms) }}</h4>
                                                                <p class="small mb-3"><span class="badge badge-dark">{{ $currentUser->email }}</span></p>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-4">
                                                            <div class="col-md-7">
                                                                <p class="text-muted">
                                                                    {{-- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit nisl ullamcorper, rutrum metus in, congue lectus. In hac habitasse platea dictumst. Cras urna quam, malesuada vitae risus at,
                                                                    pretium blandit sapien. --}}
                                                                </p>
                                                            </div>
                                                            <div class="col">
                                                                <p class="small mb-0 text-muted">{{-- Nec Urna Suscipit Ltd --}}</p>
                                                                <p class="small mb-0 text-muted">{{-- P.O. Box 464, 5975 Eget Avenue --}}</p>
                                                                <p class="small mb-0 text-muted">{{-- (537) 315-1481 --}}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr class="my-4" />
                                             
                                                <div class="form-row">
                                                    <div class="form-group col-md-12">
                                                        <label for="role">Rôle </label>
                                                        {{ Form::select('role_id', $roles, old('role_id'), ['class' => 'form-control  col-sm-12 form-control-success', 'id' => 'role_id']) }}
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-6">
                                                        <label for="nom">Nom </label>
                                                        {{ Form::text('nom', old('nom'), ['class' => 'form-control form-control-uppercase', 'placeholder' => 'Saisir le nom de l\'utilisateur', 'id' => 'nom']) }}
                                                        <br>
                                                        @if (($errors->has('nom')))
                                                            <div class="alert alert-danger">
                                                                {{ $errors->first('nom') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        <label for="prenoms">Prénoms</label>
                                                        {{ Form::text('prenoms', old('prenoms'), ['class' => 'form-control form-control-uppercase', 'placeholder' => 'Saisir les prénoms de l\'utilisateur', 'id' => 'prenoms']) }}
                                                        <br>
                                                        @if (($errors->has('prenoms')))
                                                            <div class="alert alert-danger">
                                                                {{ $errors->first('prenoms') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="inputEmail4">Email</label>
                                                    {{ Form::text('email', old('email'), ['class' => 'form-control email_mask', 'placeholder' => 'Saisir l\'adresse email de l\'utilisateur', 'id' => 'email']) }}
                                                    <br>
                                                    @if (($errors->has('email')))
                                                        <div class="alert alert-danger">
                                                            {{ $errors->first('email') }}
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="form-group">
                                                    <label for="inputAddress5">Téléphone</label>
                                                    {{ Form::text('telephone', old('telephone'), ['class' => 'form-control phone_mask', 'placeholder' => 'Saisir le numéro de téléphone de l\'utilisateur', 'id' => 'telephone']) }}
                                                    <br>
                                                    @if (($errors->has('telephone')))
                                                        <div class="alert alert-danger">
                                                            {{ $errors->first('telephone') }}
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-12">
                                                        <label for="inputCompany5">Nom d'utilisateur</label>
                                                        {{ Form::text('username', old('username'), ['class' => 'form-control form-control-lowercase', 'placeholder' => 'Saisir le login de l\'utilisateur', 'id' => 'username']) }}
                                                        <br>
                                                        @if (($errors->has('username')))
                                                            <div class="alert alert-danger">
                                                                {{ $errors->first('username') }}
                                                            </div>
                                                        @endif
                                                    </div>
                                                    {{-- <div class="form-group col-md-4">
                                                        <label for="inputState5">State</label>
                                                        <select id="inputState5" class="form-control">
                                                            <option selected="">Choose...</option>
                                                            <option>...</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <label for="inputZip5">Zip</label>
                                                        <input type="text" class="form-control" id="inputZip5" placeholder="98232" />
                                                    </div> --}}
                                                </div>
                                                <hr class="my-4" />
                                                <div class="row mb-4">
                                                    <div class="col-md-6">
                                                       {{--  <div class="form-group">
                                                            <label for="inputPassword4">Ancien Mot de passe</label>
                                                            {{ Form::password('password', ['class' => 'form-control', 'placeholder' => 'Saisir l\'ancien mot de passe de l\'utilisateur', 'id' => 'password']) }}
                                                        </div> --}}
                                                        <div class="form-group">
                                                            <label for="inputPassword5">Nouveau Mot de passe</label>
                                                            {{ Form::password('password', ['class' => 'form-control', 'placeholder' => 'Saisir le nouveau mot de passe de l\'utilisateur', 'id' => 'password']) }}
                                                            <br>
                                                            @if (($errors->has('password')))
                                                                <div class="alert alert-danger">
                                                                    {{ $errors->first('password') }}
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="inputPassword6">Confirmer Mot de passe</label>
                                                            {{ Form::password('confirm_password', ['class' => 'form-control', 'placeholder' => 'Confirmer le mot de passe de l\'utilisateur', 'id' => 'confirm_password']) }}
                                                            <br>
                                                            @if (($errors->has('confirm_password')))
                                                                <div class="alert alert-danger">
                                                                    {{ $errors->first('confirm_password') }}
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <p class="mb-2">Exigences relatives au mot de passe</p>
                                                        <p class="small text-muted mb-2">Pour créer un nouveau mot de passe, vous devez remplir toutes les conditions suivantes :</p>
                                                        <ul class="small text-muted pl-4 mb-0">
                                                            <li>Minimum 8 caractères</li>
                                                            <li>Au moins un caractère spécial</li>
                                                            <li>Au moins un numéro</li>
                                                            <li>Ne peut pas être le même qu'un mot de passe précédent</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <button type="submit" class="btn btn-primary">Sauvegarder les modifications</button>
                                            {{ Form::close() }}
                                           {{--  {!! 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