@extends("layout.pages.app")
@section("content")
    <h1>{{ $comision->nombre }}</h1>
    <a href="{{asset('asuntosparlamentarios/asuntos/comision/'.base64_encode(base64_encode( $comision->id)))}}">
        <div class="bloque_ley">
            <div class="icon_pdf"><i class="fas fa-folder-open"></i></div>
            @if($comision->id == 1)
                <div class="ley_name">Asuntos Turnados</div>
            @else
                <div class="ley_name">Asuntos Turnados a esta Comision</div>
            @endif
            <div style="clear: both;"></div>
        </div>
        <div style="clear: both;"></div>
    </a>
    <a href="{{asset('asuntosparlamentarios/reuniones/comision/'.base64_encode(base64_encode( $comision->id)))}}">
        <div class="bloque_ley">
            <div class="icon_pdf"><i class="fas fa-users"></i></div>
            <div class="ley_name">Reuniones</div>
            <div style="clear: both;"></div>
        </div>
        <div style="clear: both;"></div>
    </a>
    <div style="clear: both; height: 25px;"></div>


    @foreach($integrantes as $integrante)
        <div style="font-family: 'Arimo', sans-serif;font-weight: 300;">

            <!-- FOTO -->
            <div style="text-align: center; width: 160px; float: left;">
                <div
                    style="background: linear-gradient( 90deg, rgb({{ $integrante->diputado->partido->rgb }},1.00) 0%, rgb({{ $integrante->diputado->partido->rgb2 }},1.00) 100% ); height: 150px; width: 150px; border-radius: 50%; padding: 5px; float: left;">
                    <div style="background: rgba(255,255,255); border-radius: 50%; height: 150px; width: 150px;">
                        <div
                            style="background:  url({{asset("storage/img/fotos/dip/lxi/")}}/{{$integrante->diputado->foto}}) no-repeat; background-size: 150px; width: 150px; height: 150px; float: left; border-radius:50%;"></div>
                        <div style="clear: both;"></div>
                    </div>
                </div>
                <div style="clear: both;"></div>
                <img src="{{asset("storage/img/partidos/")}}/{{ $integrante->diputado->partido->emblema }}"
                     style="height: 45px; margin: 5px auto;">
            </div>
            <!-- FIN FOTO -->

            <!-- DATOS -->
            <div
                style="float: left; font-size: 1.2em; font-weight: 800; font-family: color: rgba(57,57,59,1.00); text-align: left; padding: 2px; margin: 35px 25px;">
                {{ $integrante->diputado->nombres }} {{ $integrante->diputado->apaterno }} {{ $integrante->diputado->amaterno }}
                <br>

                <span
                    style="color: rgb(100,100,100); font-size: 0.8em; font-weight: 300;">@if( $integrante->cargo == "Presidente") @if($integrante->diputado->gender == "M")
                        Presidente @else Presidenta @endif @else {{  $integrante->cargo }} @endif </span><br>
                <span style="color: rgb(137,138,141); font-size: 0.8em; font-weight: 300;">
                    {{$integrante->diputado->partido->nombre}}
                    ({{  $integrante->diputado->partido->siglas }})
                </span>

            </div>
            <div style="clear: both; height: 20px;"></div>
            <!-- FIN DATOS -->
        </div>
    @endforeach


@endsection