@extends('layouts.app')

@section('layout')


<svg class="wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
    <path fill="#3CA6C0" fill-opacity="1" d="M0,32L30,37.3C60,43,120,53,180,69.3C240,85,300,107,360,106.7C420,107,480,85,540,69.3C600,53,660,43,720,37.3C780,32,840,32,900,58.7C960,85,1020,139,1080,144C1140,149,1200,107,1260,106.7C1320,107,1380,149,1410,170.7L1440,192L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z">
    </path>
</svg>

<!-- <img class="wave" src="{{ asset('assets/wave.png') }}"> -->
<div class="container1">
    <div class="img">
        <img src="{{ asset('assets/3.png') }}">
    </div>
    <div class="login-content">
        <form method="POST" action="{{ route('authDoLogin') }}" enctype="multipart/form-data">
            @csrf
            <img class="shadow" src="{{ asset('assets/avatar.png') }}">
            <h2 class="title">Welcome</h2>
            <div class="input-div one">
                <div class="i">
                    <i class="fas fa-user"></i>
                </div>
                <div class="div">

                    <input type="text" class="input" placeholder="username" name="user_name">
                </div>
            </div>
            <div class="input-div pass">
                <div class="i">
                    <i class="fas fa-lock"></i>
                </div>
                <div class="div">

                    <input type="password" class="input" placeholder="password" name="password">
                </div>
            </div>
            @include('inc.errors')
            <a href="#">Forgot Password?</a>
            <input type="submit" class="btn" value="Login">
            <p>New Here ? <a class="text-primary d-inline" href="{{route('authRegister')}}">Create An Account</a></p>
        
        </form>
    </div>
</div>
@endsection