@extends('layoutP')
@section('title')
    Iniciar Asistencia
@endsection

@section('content')
    <div class="card-body">
        <div class="container">
            <div class="section">
                <div class="height-30vh">
                    <center>
                        <img src="{{asset('spid/images/logo/congreso_blanco.png')}}"
                             style="width:426px; height:auto;" alt="Imagen ajustada">
                    </center>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="section">
            <div class="card">
                <div class="card-content">
                    <div class="row">
                        <form class="col s12">
                            <h4 class="text-align center">MARCO JURÍDICO Y OTROS</h4>
                        </form>
                    </div>
                    <br><br>
                    <div class="row">
                        @foreach($marco as $mar)
                            <div class="col s2">
                                <div class="card-alert card red lighten-3" style="border-radius: 15px;"">
                                    <div class="card-content red-text">
                                        <p>
                                            <img src="{{asset('spid/images/icon/pdf.png')}}" alt="avatar" class="alert-circle responsive-img valign profile-image" /> <a href="{{route('getFile',$mar->id)}}"  target=”_blank”>  <span>  {{$mar->nombre_documento}}.pdf</span></a></p>
                                    </div>
                                    <button type="button" class="close white-text" data-dismiss="alert" aria-label="Close">
                                        <a href="{{route('getFile',$mar->id)}}"  target=”_blank”><i class="material-icons mr-10" >visibility</i></a>
                                    </button>
                                </div>
                            </div>
                        @endforeach
                    <div class="row">
                        <div class="col s10">
                        </div>
                        <div class="col s2">
                            <center>
                                <a href="{{route('curul')}}" class='btn btn-submit text-light' style="background-color:rgb(150,0,72); border-radius: 15px;"><i class="material-icons left">keyboard_return</i> Regresar</a>
                            </center>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection