@extends('layouts.app')

@section('content')
<style type="text/css">
    body{
        background:white;
        font-family: 'Ubuntu', sans-serif;
    }
</style>
<div class='col-md-7' style="margin-top:-70px;margin-bottom:-140px;margin-left:13%;"><img src="{{asset('assets/app_assets/dorotlogo_banner.png')}}" style="width:50%;"></div>
<div class="row justify-content-center">

<div class="col-md-7" style="background:white;box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);padding:0px;">
        <form method="POST" action="{{ route('login') }}">
            @csrf

            <div class="col-md-12" style="padding:0px;background:;margin-bottom:50px;">
                <table width="100%">
                    <tr width="100%" style="border-bottom:1px solid rgba(128,128,128,0.2);">
                        <td width="50%" style="padding:10px;font-weight:bold;color:orange;text-shadow: 2px 0px 1px rgba(128, 128, 128, 0.1);">Login to continue to collaborate tasks</td>
                        <td width="50%" style="text-align:right;padding:10px;">Forgot Password or need help?</td>
                    </tr>
                </table>
            </div>

            <div class="form-group row justify-content-center">
                <div class="col-md-6">
                    <div style="text-align:center;">E-Mail Address</div>
                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" style="text-align:center;">

                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <div class="form-group row justify-content-center">
                <div class="col-md-6">
                    <div style="text-align:center;">Password</div>
                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" style="text-align:center;">

                    @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>

            <div class="form-group row justify-content-center">
                <div class="col-md-6 text-center">
                    <input type="submit" class="btn btn-sm" id='' style="background:royalblue;color:white;" value="Login to continue...">
                </div>
            </div>
        </form>
</div>
</div>
@endsection