@extends('layouts.master-horizontal')
@section('title')
@lang('translation.Acceso a notificación')
@endsection
@section('css')
    <link href="{{ URL::asset('assets/libs/jquery-ui/jquery-ui.min.css')}}" type="text/css" />
    <link href="{{ URL::asset('assets/css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
	<link href="{{ URL::asset('assets/css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/twitter-bootstrap-wizard/twitter-bootstrap-wizard.min.css')}}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <style>
    body {
      background-color:#e6eeff; /* Cambia este valor al color que desees */
    }
</style>
@endsection
@section('content')

<div class="home-btn d-none d-sm-block">
    <a href="{{url('n/Pages/mapa')}}" class="text-dark"><i class="mdi mdi-home-variant h2"></i></a>
</div>
<div class="account-pages my-5 pt-sm-5">
    <div class="container">
    <div class="row align-items-center justify-content-center">
            <div class="col-md-8 col-lg-6 col-xl-5">
                <div class="text-center">
                    <a href="" class="mb-5 d-block auth-logo">
                        <img src="{{ URL::asset('assets/images/COMISCA_SICA_peque.png')}}" alt="" height="65" class="logo logo-light img-fluid">
                    </a>
                </div>
            </div>
        </div>
        <div class="row align-items-center justify-content-center">
            <div class="col-md-8 col-lg-6 col-xl-5">
                <div class="card">  
                    @include('flash::message')
                        <br>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    <br> 
                    <div class="card-body p-4"> 
                        <div class="text-center mt-2">
                            <h5 class="text-primary">Seguimiento a Notificación</h5>
                            <p class="text-muted">@lang('translation.Introduzaca los datos de acceso a la notificación inicial')</p>
                        </div>
                        <div class="p-2 mt-4">
                            <form method="POST" action="{{ route('verificarContrasenia') }}">
                            @csrf
                            
                                <div class="form-group">
                                    <label for="username">@lang('translation.Número de notificación')</label>
                                    <input type="text" class="form-control" id="noCaso" name="noCaso" required>
                                </div>

                                <div class="form-group">
                                    
                                    <label for="userpassword">@lang('translation.Contraseña de Notificación')</label>
                                    <input type="password" class="form-control" id="contrasena" name="contrasena" placeholder=" " required>
                                </div>

                                
                                <div class="mt-3 text-right">
                                    <button class="btn btn-primary w-sm waves-effect waves-light" type="submit">@lang('translation.Acceder')</button>
                                </div>

                            </form>
                        </div>

                    </div>
                </div>
                <div class="mt-5 text-center">
                        <p>@lang('translation.Derechos Reservados') © <script>document.write(new Date().getFullYear())</script>, SE-COMISCA</p>
                </div>
            </div>
        </div>
    </div>
    <!-- end container -->
</div>
@endsection