@extends('layouts.ecc.main')

@section('content')
<div class="row">
    <div class="col-md-12 offset-md-4">
        <div class="card">
            <div class="content">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="icon-big icon-info text-center">
                            <i class="fa fa-cogs"></i>
                        </div>
                    </div>
                    <div class="col-xs-10">
                        <div class="numbers">
                            <p>Options</p>
                        </div>
                    </div>
                </div>
                <div class="row" style="padding:25px;">
                    <h5>Modifier mon mot de passe</h5>
                    @if (session('status'))
                    <div class="alert alert-success">
                        <button type="button" aria-hidden="true" class="close">×</button>
                        <span><b> {{session('status')}}</span>
                    </div>
                @endif
                Votre Avatar
            <div class="mx-auto d-block">
                <img class="rounded-circle mx-auto d-block" src="/assets/admin/images/avatar/user-{{\Auth::User()->avatar}}.jpg" alt="Card image cap" style="height:12rem">
            </div>
            <hr>
            Cliquer sur un avatar pour mettre a jour votre avatar
            <div class="row">
            @for ($i = 1; $i < 16; $i++)
                <div class="col-md-6 col-lg-4">
                    <a href="/ecc/settings/edit/avatar/{{$i}}"><img class="rounded-circle mx-auto d-block" src="/assets/admin/images/avatar/user-{{$i}}.jpg" alt="Card image cap" style="height:12rem"></a>                   
                </div>
            @endfor
            </div>
                </div>
                <hr>
            </div>
        </div>    
    </div>
</div>  
@endsection

@section('active_page')
    <?php $active_page = "guide" ?>
@endsection

@section('custom_scripts')
<script src="/assets/admin/assets/js/user.js"></script>    
@endsection