{{-- layout --}}
@extends('../Administrador/layouts.fullLayoutMaster')

{{-- page title --}}
@section('title','Login')

{{-- page style --}}
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/pages/login.css')}}">
@endsection

{{-- page content --}}
@section('content')
    <div id="login-page" class="row">
        <div class="col s12 m12 l4 z-depth-4 card-panel border-radius-6 login-card bg-opacity-8" style="width: 50% !important;">
            <form class="login-form" method="POST" action="{{ route('mcg.login') }}">
                @csrf
                <div class="row" align="center">
                    <div class="input-field col s12">
                      
                    </div>
                </div>
                <div class="row margin">
                    <div class="input-field col s12">
                        <i class="material-icons prefix pt-2">person_outline</i>
                        <input  style="padding-left: 0px !important;" id="email" type="text" class=" @error('email') is-invalid @enderror" name="email"
                               value="{{ old('email') }}" autocomplete="email" autofocus>
                        <label style="top: -5px !important; margin-left: 2rem !important;" for="email" class="center-align">{{ __('Usuario') }}</label>
                        @error('email')
                        <small class="red-text ml-7">
                            {{ $message }}
                        </small>
                        @enderror
                    </div>
                </div>
                <div class="row margin">
                    <div class="input-field col s12">
                        <i class="material-icons prefix pt-2">lock_outline</i>
                        <input style="padding-left: 0px !important;" id="password" type="password"
                               class="form-control @error('password') is-invalid @enderror" name="password"
                               autocomplete="current-password">
                        <label style="top: -5px !important; margin-left: 2rem !important;" for="password" class="center-align">{{ __('Contraseña') }}</label>
                        @error('password')
                        <small class="red-text ml-7">
                            {{ $message }}
                        </small>
                        @enderror
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s4">
                    </div>
                    <div class="input-field col s4">
                        <button type="submit" class="btn btnLegislatura waves-effect waves-light">
                            Iniciar sesión
                        </button>
                    </div>
                    <div class="input-field col s4">
                    </div>
                </div>

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