@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-12">
        <div class="card {{ session('dark_theme_card') }}">

          <div class="card-header">Perfil de Usuario</div>

          <div class="card-body {{ session('dark_theme_bg_black') }}">

            <form class="form" action="{{ route('UpdateUser') }}" method="post">
              @csrf

              <div class="row justify-content-around">
                <div class="col-sm">
                  <div class="input-group mb-3">
                    <span class="input-group-text {{session('dark_theme_bg_dark')}}" id="user_nombre">Nombre:</span>
                    <input name="user_nombre" type="text" class="form-control {{session('dark_theme_bg_black')}}" placeholder="Nombre" value="{{$user->name}}" aria-label="Nombre" aria-describedby="user_nombre">
                  </div>
                  <div class="input-group mb-3">
                    <span class="input-group-text {{session('dark_theme_bg_dark')}}" id="user_email">Email:</span>
                    <input name="user_email" type="text" class="form-control {{session('dark_theme_bg_black')}}" placeholder="Email" value="{{$user->email}}" aria-label="Email" aria-describedby="user_email">
                  </div>
                </div>

                <div class="col-sm">
                  <div class="input-group mb-3">
                    <span class="input-group-text {{session('dark_theme_bg_dark')}}" id="user_password">Contraseña:</span>
                    <input name="user_password" type="password" class="form-control {{session('dark_theme_bg_black')}}" placeholder="Contraseña nueva" value="" aria-label="Contraseña nueva" aria-describedby="user_password">
                  </div>
                  <div class="input-group mb-3">
                    <span class="input-group-text {{session('dark_theme_bg_dark')}}" id="user_password_confirmation">Confirmacion:</span>
                    <input name="user_password_confirmation" type="password" class="form-control {{session('dark_theme_bg_black')}}" placeholder="Confirme la nueva contraseña" value="" aria-label="Confirme la nueva contraseña" aria-describedby="user_password_confirmation">
                  </div>
                </div>
              </div>

              <br>

              <div class="row text-center">
                <div class="col">
                  <button type="submit" class="btn btn-outline-success" name="btn_update">Actualizar</button>
                </div>
              </div>

            </form>

            @if($errors->any())
              <br>
              <div class="row justify-content-center text-center">
                <div class="col-6">
                  <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ $errors->first() }}
                    <button type="button" class="close" data-bs-dismiss="alert">&times;</button>
                  </div>
                </div>
              </div>
            @endif

            @if(session('success'))
              <br>
              <div class="row justify-content-center text-center">
                <div class="col-6">
                  <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-bs-dismiss="alert">&times;</button>
                  </div>
                </div>
              </div>
            @endif

          </div>

        </div>
      </div>
    </div>
  </div>
@endsection