@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
                    @elseif($integrante->cargo == "Vicepresidente" || $integrante->cargo == "Vicepresidenta")
                        @if($integrante->diputado->gender == "M")
                            Vicepresidente
                        @else
                            Vicepresidenta
                        @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