@extends('backoffice.layouts.auth')

@section('title', 'Masuk Admin')

@section('content')
<!-- Content -->
<section class="row">
    <div  class="col-lg-6 container mt-5 mx-auto">
        <div class="authentication-wrapper authentication-basic container-p-y">
            <div class="authentication-inner">
                <!-- Register -->
                <div class="card">
                    <div class="card-body">
                        <!-- Logo -->
                        <div class="app-brand justify-content-center mb-5">
                            <span class="app-brand-logo demo ">
                                <img width="100" src="{{asset('img/logo/logo.png')}}" alt="App Logo">
                            </span>
                        </div>
                        <!-- /Logo -->
                        <h4 class="mb-3 text-center">Selamat Datang Admin</h4>
                        @if (session('error'))
                        <div class="alert alert-danger w-100 " role="alert">
                            <b>{{session('error')}}</b>
                        </div>
                        @endif
                       
                        <form id="formAuthentication" class="mb-3" action="{{route('bo.login')}}" method="POST">
                            @csrf
                            <div class="mb-3">
                                <label for="username" class="form-label">Username</label>
                                <input type="text" class="form-control" id="username" name="username"
                                    placeholder="Masukkan username" autofocus />
                            </div>
                            <div class="mb-3 form-password-toggle">
                                <div class="d-flex justify-content-between">
                                    <label class="form-label" for="password">Password</label>
                                </div>
                                <div class="input-group input-group-merge">
                                    <input type="password" id="password" class="form-control" name="password"
                                        placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
                                        aria-describedby="password" />
                                    <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
                                </div>
                            </div>
                            <div class="mb-3">
                                <button class="btn btn-primary d-grid w-100" type="submit">Masuk</button>
                            </div>
                        </form>
    
                    </div>
                </div>
                <!-- /Register -->
            </div>
        </div>
    </div>
    
</section>

<!-- / Content -->
@endsection

@push('scripts')
@if (session('error'))
<script>
    Swal.fire({
        title: 'Proses Gagal',
        text: '{{session("error")[1]}} | Line : {{session("error")[2]}}',
        icon: 'error',
        confirmButtonText: 'Tutup'
    })

</script>
@endif
@endpush