@extends('layouts.base')

@section('title', $title)

@section('body-class', 'antialiased border-top-wide border-primary d-flex flex-column')

@section('content')
<div class="flex-fill d-flex flex-column justify-content-center py-4">
    <div class="container-tight py-6">
        <div class="text-center mb-4">
            <a href="{{ url('/') }}">
                <img src="{{ asset(app_setting('LOGO')) }}" height="65" alt="logo aplikasi">
            </a>
        </div>

        <div>
            @if (session('status'))
            <div class="bg-white alert alert-info alert-dismissible" role="alert">

                <div class="d-flex">
                    <div class="me-3">
                        <h1 class="text-info las la-info-circle"></h1>
                    </div>

                    <div>
                        {{ session('status') }}
                    </div>
                </div>
                <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
            </div>
            @endif
        </div>

        <div>
            @if ($errors->any())
                <div class="bg-white alert alert-warning alert-dismissible" role="alert">
                    <div class="d-flex ">
                        <div class="me-3">
                            <h1 class="text-warning las la-exclamation-triangle"></h1>
                        </div>

                        <div>
                            <h4 class="alert-title">Ada yang salah.</h4>

                            <div class="text-muted">
                                @foreach ($errors->all() as $error)
                                <p> - {{ $error }}</p>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
                </div>
            @endif
        </div>

        {{ $slot }}
    </div>
</div>
@endsection