@extends('layouts.auth') @section('title','Sign In | SmartGrid') @section('content')
<main class="main-content mt-0"><div class="page-header align-items-start min-vh-100" style="background-image:url('https://images.unsplash.com/photo-1497294815431-9365093b7331?auto=format&fit=crop&w=1950&q=80');"><span class="mask bg-gradient-dark opacity-6"></span><div class="container my-auto"><div class="row"><div class="col-lg-4 col-md-8 col-12 mx-auto"><div class="card z-index-0"><div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2"><div class="bg-gradient-dark shadow-dark border-radius-lg py-3"><h4 class="text-white text-center mb-0">Sign in</h4><p class="text-white text-center text-sm mb-0">Control System</p></div></div><div class="card-body">@if($errors->any())<div class="alert alert-danger text-white">{{ $errors->first() }}</div>@endif @if(session('status'))<div class="alert alert-success text-white">{{ session('status') }}</div>@endif<form method="POST" action="{{ route('login.submit') }}">@csrf<div class="input-group input-group-outline my-3"><label class="form-label">Email</label><input type="email" name="email" value="{{ old('email') }}" class="form-control" required></div><div class="input-group input-group-outline mb-3"><label class="form-label">Password</label><input type="password" name="password" class="form-control" required></div><div class="form-check form-switch d-flex align-items-center mb-3"><input class="form-check-input" type="checkbox" name="remember"><label class="form-check-label ms-3">Remember me</label></div><button class="btn bg-gradient-dark w-100 my-4">Sign in</button><p class="text-sm text-center"><a href="{{ route('password.request') }}">Forgot password?</a></p><p class="text-sm text-center">No account? <a href="{{ route('register') }}" class="text-dark font-weight-bold">Create account</a></p></form></div></div></div></div></div></div></main>@endsection