@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header"><h3>{{ __('pages.Welcome') }}</h3></div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{-- {{ session('status') }} --}}
                            Bienvenido al sistema de gestion de pedidos
                        </div>
                    @endif
                    {{-- <img src="{{ asset('images/GTEWinnerMLMbanner.jpeg') }}" alt="" style="width:100%"
                        class="d-inline-block align-text-top"> --}}
                        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner">
                                @foreach($dashboard_images as $record)
                                <div class="carousel-item @if ($loop->first) active @endif">
                                    <img src="{{ asset('storage/'.$record->filename) }}" alt="{{ $record->filename }}"
                                        class="d-block w-100" >
                                </div>
                                @endforeach
                                
                            </div>
                            <a class="carousel-control-prev" data-bs-target="#carouselExampleControls" role="button" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only"></span>
                            </a>
                            <a class="carousel-control-next" data-bs-target="#carouselExampleControls" role="button" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only"></span>
                            </a>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <a href="https://wa.me/593987081572" target="_blank" class="float-end">
        <img src="{{ asset('images/whatsapp.png') }}" alt="" style="width:100px"
        class="d-inline-block align-text-top">
    </a> 
</div>
@endsection