@extends('layouts.auth')
@section('title')
  Login |
@endsection
@section('css')
<style>

</style>
@endsection
@section('content')
<div class="row">
  <div class="col-xl-8 mx-auto">
    <div class="text-center mg-b-20">
      <img src="{{ asset('assets/images/logo.png') }}" style="height:60px">
    </div>
    <div class="card rounded-20">
      <div class="card-body">
        <div class="d-flex">
          <div class="align-self-center flex-fill" style="width:50%">
            <div class="pd-20">
              <h4 class="mg-b-20">Selamat Datang Kembali</h4>
              <p class="text-muted mg-b-20">Hari baru, semangat baru! Saatnya kita beraksi untuk gizi anak Indonesia!</p>
              <form action="{{ route('proses_login') }}" method="post" >
                {{ csrf_field() }}
                <div class="form-group">
                  <label>Username</label>
                  <input type="text" class="form-control" name="username" >
                </div>
                <div class="form-group">
                  <label>Password</label>
                  <input type="password" class="form-control" name="password">
                </div>
                <button class="btn btn-dark btn-block">Sign In</button>
              </form>
            </div>
          </div>
          <div class="flex-fill" style="width:50%">
            <div class="pd-20">
              <div class="rounded-20 image-wrapper" style="height:calc(100vh - 20rem);">
                <img src="{{ asset('assets/images/bg-login.jpg') }}">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="text-center mg-t-10">
      <p class="text-muted">2024 © ALL RIGHTS RESERVED</p>
    </div>
  </div>
</div>
@endsection
