@section('scripts')

<scripts>
$('.carousel').carousel({
    interval: 2000
  });
</scripts>

@endsection

<x-appadminlte-layout>
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">PRINCIPAL</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ url('/principal') }}">Principal</a></li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <div class="card my-1 mx-2 mb-2">
        <div class="card-header">
            <h3 class="card-title">ACESSO RÁPIDO</h3>
        </div> <!-- /.card-header -->
        <div class="card-body">
            <a class="btn btn-app" href="{{ route('events.registration') }}"><i class="fas fa-clipboard-list"></i>
                Realizar Inscrição</a>
            <a class="btn btn-app text-wrap" href="{{ route('events.myregistrations') }}"><i class="fas fa-clipboard-check"></i>
                Minhas Inscrições</a>

            @if ((Auth::user()->role->role=="ROLE_SCALE_LEADER") or (Auth::user()->IsAdmin()))
            <a class="btn btn-app text-wrap" href="{{ route('moviments.create') }}"><i class="fas fa-heart"></i>
                Entrega</a>
            @endif                

            @if (Auth::user()->IsAdmin())
                <a class="btn btn-app" href="{{ route('moviments.createentrypantry') }}"><i class="fas fa-edit"></i>
                    Estoque</a>
            @endif

        </div>
        <!-- /.card-body -->
    </div>

    <section class="my-1 mx-2 mb-2">
        <div class="row mt-3 align-items-center">
            <div class="col-sm-6 mb-2">
                <div class="callout callout-success py-5">
                    <h5 class="font-weight-bold text-center">Colossenses 3:23</h5>
                    <p><b>23</b> Tudo o que fizerem, façam de todo o coração, como para o Senhor, e não para os homens.</p>
                </div>
            </div>
            <div class="col-sm-6 mb-2 w-100">
                <div class="w-100">

                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                          <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                          <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                          <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <img src="{{ asset('img/FotoObreiros1-500x333.jpg') }}" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                              <h5>União</h5>
                              <p></p>
                            </div>
                          </div>
                          <div class="carousel-item">
                            <img src="{{ asset('img/FotoObreiros2-500x333.jpg') }}" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                              <h5>Oração</h5>
                              <p></p>
                            </div>
                          </div>
                          <div class="carousel-item">
                            <img src="{{ asset('img/FotoObreiros3-500x333.jpg') }}" class="d-block w-100" alt="...">
                            <div class="carousel-caption d-none d-md-block">
                              <h5>Mercado Solidário</h5>
                              <p></p>
                            </div>
                          </div>
                        </div>
                        <button class="carousel-control-prev" type="button" data-target="#carouselExampleCaptions" data-slide="prev">
                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                          <span class="sr-only">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-target="#carouselExampleCaptions" data-slide="next">
                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
                          <span class="sr-only">Next</span>
                        </button>
                      </div>


  
                </div>
            </div>
        </div>
    </section>


</x-appadminlte-layout>