@extends('admin.layout.base')
    @section('title', 'Signin')

    @section('content')
    <!-- Content -->

    <div class="container-xxl">
      <div class="authentication-wrapper authentication-basic container-p-y">
        <div class="authentication-inner">
          <!-- Register -->
          <div class="card">
            <div class="card-body">
              <!-- Logo -->
              <div class="app-brand justify-content-center">
                <a href="{{ url('/') }}" class="app-brand-link gap-2">
                  <span class="app-brand-logo demo">
                    <img src="{{ asset('storage/innotique_logo.png') }}" alt="Logo" class="h-auto" style="max-height: 90px;" />
                  </span>
                </a>
              </div>
              <!-- /Logo -->
              <h4 class="mb-2">Welcome to Innotique Global! 👋</h4>
              <p class="mb-4">Please sign-in to your account and start the Innovation journey</p>
              @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                  <strong>Error!</strong> {{ session('error') }}
                  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
              @endif
               @if ($errors->any())
                  <div class="alert alert-danger">
                      <ul>
                          @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                  </div>
              @endif
              <form id="formAuthentication" class="mb-3" action="{{ route('login.submit') }}" method="POST">
                  @csrf
                  <div class="mb-3">
                      <label for="email" class="form-label">Email</label>
                      <input
                          type="text"
                          class="form-control"
                          id="email"
                          name="email"
                          placeholder="Enter your email"
                          required
                      />
                  </div>
                  <div class="mb-3 form-password-toggle">
                      <label class="form-label" for="password">Password</label>
                      <div class="input-group input-group-merge">
                          <input
                              type="password"
                              id="password"
                              class="form-control"
                              name="password"
                              required
                          />
                      </div>
                  </div>
                  <button class="btn btn-primary d-grid w-100" type="submit">Sign in</button>
              </form>


              <p class="text-center">
                <span>New on our platform?</span>
                <a href="{{ route('showSignup') }}" class="link fw-medium">
                  <span>Create an account</span>
                </a>
              </p>
            </div>
          </div>
          <!-- /Register -->
        </div>
      </div>
    </div>

    <!-- / Content -->
    @endsection