@extends('templates.prefeitura3.layout2')

@section('content')

    @php $madara = 0 @endphp
    @php $madara1 = 0 @endphp

<style>
    .card { border: none!important;}
</style>


    <div style=" background-color: #F9F9F9 ; height: auto; padding-top: 20px; padding-bottom: 20px; " >

        <div class="container"  style="background-color: #F8F8F8; border: #EBEBEB solid 2px; padding: 40px; border-radius: 15px; border-top:6px solid var( --backgroud-header);">
            <div class="row" style="background-color: #F2F2F2; margin-bottom: 20px; padding: 20px; border: #EBEBEB solid 2px; border-radius: 10px;" >
                <div class="col-md-4">
                    <i class="fa fa-suitcase" style="font-size: 25px; color:var( --backgroud-header);  font-weight: bold;" aria-hidden="true"></i> <span style="font-size: 25px; font-weight: bold; color: #000000; padding-left: 10px;" > Secretarias</span>
                </div>
                <div class="col-md-8" style="text-align: right;">
                    <span style="color:var( --backgroud-header); border-right: 2px solid var( --backgroud-header); font-weight: bold; padding-right: 20px; ">Acesso rápido</span>
                    @php $linkscont = 0; @endphp
                    @foreach($links as $link)



                            <a href="{{$link->url}}" @if($link->outraba == 'on')target="_blank" @endif class="btn  span_noti "  style=" color: #ADADAD; font-size: 20px; ">

                                <i class=" fa {{$link->icon}} " aria-hidden="true" style="padding-right: 5px;"></i>

                            </a>



                        @php $linkscont++ @endphp

                    @endforeach
                </div>
            </div>
            <div class="row" style="">

                <div class="div col-md-12"style=" height: auto; margin-bottom:20px; " >

                    <div class="row">
                        @foreach($pages as $p)
                            <div class="col-md-4" >
                                <div  style="padding: 20px;text-align: center; background-color: #FFF; color: #ADADAD;  border: 2px solid #EBEBEB; border-top: 5px solid var( --backgroud-header); border-top-left-radius: 10px;border-top-right-radius: 10px;">
                                    <h6 style="font-size: 16px; color: #959595; font-weight: bold;">{{$p->titulo}}</h6>
                                    <p style="font-size: 12px; color: #ADADAD; "> <i class="fa fa-user-circle-o" aria-hidden="true"></i> {{$p->resposavel}}</p>
                                    <p style="font-size: 12px; color: #ADADAD;"><i class="fa fa-map-marker" aria-hidden="true"></i> {{$p->endereco}}</p>
                                    <a class="btn btn-secondary" style="background-color: var( --backgroud-header); border: none;" href="{{routeTenant('secretaria',[$p->url])}}">Saiba mais!</a>
                                </div>

                            </div>

                        @endforeach

                    </div>





                </div>

            </div>



        </div>

    </div>





@endsection



@section('post-script')





@endsection