@extends('layouts.front.app')

@section('content')
<!-- Main content -->
<section class="container content mt-5">
  <div class="container dark-grey-text">
    <!-- Heading -->
    <nav aria-label="breadcrumb" style="z-index: 100 !important;">
      <ol class="breadcrumb blue-grey lighten-4">
        <li><a href="{{ route('home') }}" class=" opera-text"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2 opera-text"
          aria-hidden="true"></i></li>
          <li class="breadcrumb-item opera-text"><i class="far fa-file-alt"></i> Páginas<i class="fas fa-angle-double-right mx-2"
            aria-hidden="true"></i></li>
            <li class="active"> {{ $pagina->nome }}</li>
          </ol>
        </nav>
        <!-- Grid row -->
        <div class="row">
          <!-- Grid column -->
          <div class="col-lg-12 mb-4">

            <!--Card-->
            <div class="card opera">

              <!--Card content-->
              <div class="card-body">
                <!--Title-->
                <h4 class="card-title text-center">{!! strtoupper($pagina->nome) !!}</h4>
                <!--Text-->
                <div class="card-text text-justify">{!! $pagina->conteudo !!}</div>
              </div>

            </div>
            <!--/.Card-->

          </div>
          <!-- Grid column -->
        </div>
      </div>
    </section>
    <!-- /.content -->
    @endsection