@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col col-md">

        <div class="card {{session('theme_card')}}">
          <h5 class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Seguridad
          </h5>
          
          <div class="card-body {{session('theme_bg_black')}}">
            <div class="col col-md">
              <p class="lead">Cambio de credenciales para las siguientes plataformas conectadas a Equis:</p>
              <br>

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

                @foreach ($equis_users as $platform => $credentials)
                  <div class="row">
                    <div class="col text-center">
                      <div class="input-group mb-3">
                        <span class="input-group-text">Plataforma</span>
                        <input type="text" class="text-center form-control {{session('theme_bg_dark')}}" value="{{ $platform }}" disabled>
                        <input type="hidden" class="text-center form-control {{session('theme_bg_dark')}}" name="platform_{{$platform}}" placeholder="Plataforma" aria-label="Plataforma" value="{{$platform}}" >
                      </div>
                    </div>
                    <div class="col text-center">
                      <div class="input-group mb-3">
                        <span class="input-group-text">User</span>
                        <input type="text" class="text-center form-control {{session('theme_bg_black')}}" name="user_{{$platform}}" placeholder="User" aria-label="User_{{$platform}}" value="{{$credentials['user']}}">
                      </div>
                    </div>
                    <div class="col text-center">
                      <div class="input-group mb-3">
                        <span class="input-group-text">Password</span>
                        <input type="text" class="text-center form-control {{session('theme_bg_black')}}" name="password_{{$platform}}" placeholder="Password" aria-label="Password_{{$platform}}" value="{{$credentials['password']}}">
                      </div>
                    </div>
                  </div>
                @endforeach

                <br>

                <div class="row">
                  <div class="col text-center">
                    <button class="btn btn-lg btn-outline-danger" type="submit">Guardar</button>
                  </div>
                </div>

              </form>

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

        @include('layouts.alerts.error')
        @include('layouts.alerts.success')

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