@extends('layouts.auth')

@section('title', 'Login')

@push('style')
    <!-- CSS Libraries -->
    <link rel="stylesheet"
        href="{{ asset('library/bootstrap-social/bootstrap-social.css') }}">
@endpush

@section('main')
    <div class="card card-primary">
        <div class="card-header">
            <h4>Selamat datang di Aplikasi Sistekdes</h4>
        </div>

        <div class="card-body">
            @if(session('error'))
            <div class="alert alert-danger">
                <b>Opps!</b> {{session('error')}}
            </div>
            @endif
            <form action="{{ route('mview.ceknik') }}" method="post" class="custom-validation" enctype="multipart/form-data">
                @csrf
                @method('POST')
                <div class="form-group">
                    <label for="nik">NIK</label>
                    <input id="nik"
                        type="number"
                        class="form-control"
                        name="nik"
                        tabindex="1"
                        required
                        autofocus>
                    <div class="invalid-feedback">
                        Silahkan masukkan NIK terlebih dahulu
                    </div>
                </div>

                <div class="form-group">
                    <button type="submit"
                        class="btn btn-primary btn-lg btn-block"
                        tabindex="4">
                        Masuk
                    </button>
                </div>
            </form>
        </div>
    </div>
    <div class="text-muted mt-5 text-center">
        Don't have an account? <a href="auth-register.html">Create One</a>
    </div>
@endsection

@push('scripts')
    <!-- JS Libraies -->

    <!-- Page Specific JS File -->
@endpush