@extends('layouts.app0/dash2')
@section('content')

    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="{{route('home')}}">Profil</a>
                <i class="fa fa-circle"></i>
            </li>
            <i class="icon-globe theme-font hide"></i>
            <span class="caption-subject font-blue-madison bold uppercase"> Modification utilisateur </span>
        </ul>
        <div class="page-toolbar">
        </div>
    </div>
    <!-- END PAGE BAR -->
    <!-- BEGIN PAGE TITLE-->

    <div class="col-md-12">
        <!-- BEGIN PORTLET -->
        <div class="portlet light ">
            <div class="container" >
                <div class="row" >
                    <div class="col-md-10">
                        <div class="vertical-tab" role="tabpanel">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li></li>
                                <li role="presentation" class="active"><a href="#inscription" aria-controls="home" role="tab" data-toggle="tab">Informations Personnelles</a></li>
                                <li role="presentation"><a href="#identite" aria-controls="profile" role="tab" data-toggle="tab">Mot de Passe</a></li>

                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content tabs" >
                                <div role="tabpanel" class="tab-pane fade in active" id="inscription">
                                    {{-- <h3>Information Personnelles</h3> --}}

                                    <form action="{{route('admin.update.profil')}}" method="POST">
                                        @csrf

                                        <fieldset style="margin: 10px; border: 5px;">
                                            <legend>Profil</legend>


                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Nom </label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="text"
                                                               value="{{auth()->user()->name}}" name="name"  class="form-control"
                                                               autocomplete="off" placeholder="Nom"/>
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('name')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Email</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="email"
                                                               value="{{auth()->user()->email}}" name="email"
                                                               class="form-control" autocomplete="off" placeholder="Email"  />
                                                        <div class="form-control-focus"></div>
                                                    </div>
                                                    <span>
                                                    @error('email')
                                                        <strong style="color:red;">{{$message}}</strong>
                                                    @enderror
                                                </span>
                                                </div>
                                            </div>
                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Téléphone</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="texte"
                                                               value="{{auth()->user()->phone_number}}" name="phone_number"
                                                               class="form-control" autocomplete="off" placeholder="Email"  />
                                                        <div class="form-control-focus"></div>
                                                    </div>
                                                    <span>
                                                    @error('phone_number')
                                                        <strong style="color:red;">{{$message}}</strong>
                                                    @enderror
                                                </span>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <h3 class="page-title" style=" float: right; margin-top:50px; margin-bottom:1px;">
                                            <button type="submit"  class="btn btn-md btn-success">
                                                <span> ENREGISTRER </span>
                                                <i class="fa fa-check"></i>
                                            </button>
                                            <a class="btn btn-md btn-outline grey-gallery" href="{{route('home')}}">
                                                <span>ANNULER</span>
                                                <i class="fa fa-level-up"></i>
                                            </a>
                                        </h3>
                                    </form>



                                </div>

                                {{-- </div> --}}

                                <div role="tabpanel" class="tab-pane fade" id="identite">
                                    {{-- <h3>Informations identitaires</h3> --}}

                                    <form action="{{route('admin.update.password')}}" method="POST">
                                        @csrf
                                        <input name="id" value="{{auth()->user()->id}}" type="hidden">

                                        <fieldset style="margin: 10px; border: 5px;">
                                            <legend>Mot de passe</legend>

                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Ancien mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input id="old_password" name="old_password" type="password" autocomplete="false" class=" form-control {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}"
                                                               title="Ancien mot de passe">
                                                        @if ($errors->has('old_password'))
                                                            <span class="invalid-feedback" role="alert">
                                                                    <strong style="color: #ff0000">{{ $errors->first('old_password') }}</strong>
                                                                </span>
                                                        @endif
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('old_password')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Nouveau mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="password" id="edit_password" autocomplete="false" name="password"
                                                               class="form-control"
                                                               title="Nouveau mot de passe" >
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('password')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group form-md-line-input">
                                                <label for="inputEmail12" class="col-md-4 control-label">Confirmer mot de passe</label>
                                                <div class="col-md-7">
                                                    <div class="input-icon">
                                                        <input type="password" id="edit_password_confirmation" name="password_confirmation"
                                                               class="form-control"
                                                               title="Confirmer mot de passe" >
                                                        <div class="form-control-focus"></div>
                                                        <span>
                                                            @error('password_confirmation')
                                                                <strong style="color:red;">{{$message}}</strong>
                                                            @enderror
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>

                                        </fieldset>
                                        <h3 class="page-title" style=" float: right; margin-top:50px; margin-bottom:1px;">
                                            <button type="submit"  id="subs" class="btn btn-md btn-success">
                                                <span> ENREGISTRER  </span>
                                                <i class="fa fa-check"></i>
                                            </button>
                                            <a class="btn btn-md btn-outline grey-gallery" href="">
                                                <span>ANNULER</span>
                                                <i class="fa fa-level-up"></i>
                                            </a>
                                        </h3>
                                    </form>




                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- <div class="portlet-title tabbable-line">

                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#tab_1_1" data-toggle="tab">Informations Personnelles</a>
                    </li>
                    <li>
                        <a href="#tab_1_2" data-toggle="tab"> Mot de passe </a>
                    </li>
                </ul>
            </div>
            <div class="portlet-body">
                <!--BEGIN TABS-->

                <div class="tab-content"  style="height: 310px;" >

                    <div class="tab-pane active" id="tab_1_1">

                    </div>


                    <div class="tab-pane" id="tab_1_2">

                    </div>

                </div>

                <!--END TABS-->
            </div> --}}
        </div>
        <!-- END PORTLET -->
    </div>

    <div class="clearfix"></div>
    <!-- END DASHBOARD STATS 1-->

@endsection
@section('stylesheets')
<style>

</style>
@endsection
@section('javascripts')

    <script>

    </script>

@endsection