@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>

    @if(isset($integrantes[0]->diputado))
        @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
    @endif

@endsection