@extends('templates.prefeitura4.layout')

@section('content')
  <div style="background-color: var(--backgroud-header) ">
    <div class="container" style="background-color: var(--backgroud-header) ">
      <div class="linha">
        <div class="col-md-12">
          <h1 style="padding-top: 20px; padding-bottom: 20px; color: var(--text-header); ">
            {{ $pages->titulo }}
          </h1>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="linha">
      <div class="col-md-9 ">
        <div style=" padding: 10px;">
          {!! $pages->conteudo !!}
        </div>
      </div>
      
      <div class="col-md-3 " style=" background-color:rgb( @php echo $result_rgb; @endphp );  ">
        <div class="row icones" style="text-align: center;">
          <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
            <h3 class="fonttitle"> GESTÃO À VISTA DE TODOS </h3>
            <div class="border"></div>
          </div>
          @foreach ($links as $link)
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
              <a href="{{ url($link->url) }}" @if ($link->outraba == 'on') target="_blank" @endif>
                <div class="circulo">
                  <i class=" fa {{ $link->icon }} fa-3x" aria-hidden="true"></i>
                </div>
                <p class="fontsite">{{ $link->titulo }}</p>
              </a>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
@endsection