@extends('template.layout')

@section('styles')
    <style>
        @media (min-width: 768px) {
            .modal-xl {
                width: 90%;
                max-width: 95%;
            }
        }
    </style>
@endsection
@section('content')
    <h1 class="page-title">
        Gestion de Contraseña de Expedientes
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Gestionar contraseña</div>
            <div class="actions">
                <div class="btn-group">
                    <div class="col-md-12 margin-top-20">
                        <button class="btn recuperar">Recuperar contraseña</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 col-xs-12">
                <div class="col-md-12 margin-top-20">
                    {!! Form::label('actual', 'Contraseña Actual:', ['class' => 'control-label']) !!}
                    <input type="password" id="actual" class="form-control">
                </div>
                <div class="col-md-12 margin-top-20">
                    {!! Form::label('nueva', 'Nueva contraseña:', ['class' => 'control-label']) !!}
                    <input type="password" id="nueva" class="form-control">
                </div>
                <div class="col-md-12 margin-top-20">
                    {!! Form::label('reingreso', 'Reingrese nueva contraseña:', ['class' => 'control-label']) !!}
                    <input type="password" id="reingreso" class="form-control">
                    <label class="alert-error hidden" style="color: red;">Las contraseñas no coinciden</label>
                </div>
                <div class="col-md-12 margin-top-20">
                    <button class="btn green actualizar">Cambiar</button>
                </div>

                <div class="portlet-body">
                    @include('alerts.index')
                    <div class="col-md-12 margin-top-20" style="text-align: center;"></div>
                </div>
            </div>
            <div class="col-md-9 col-xs-0">

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

@endsection

@section('scripts')
    <script>
        var urlActualizar = "{{ route('actualizar.contraseña.expediente') }}";
        var urlRecuperar = "{{ route('actualizar.contraseña.recuperar') }}";
    </script>
    <script src="{{asset('js/administrador/gestion/contrasenaexpediente.js')}}" type="text/javascript"></script>
@endsection