@extends('master')

@section('title')
    Introduction
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></div>
        </div>
    </div>

    <div class="row fullWidth">
        <div class="bannerPage">
        <h1 style="text-align: left;">LOGIN <span style="font-weight: 500; color: #003961;">PAGE</span></h1>
        <form method="post" action="/login">
            @csrf
            <div class="row">
                <div class="large-6 columns">
                <label>Email</label>
                <input type="text" name="email">
                </div>
                <div class="large-6 columns">
                <label>Password</label>
                <input type="password" name="password">
                </div>
                <button style="margin-left: 1rem;" type="submit" class="">Submit</button>
           </div>
        </form>
            
        </div>
    </div>


    <hr class="hrBooking">
@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>
@stop