<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<main>

</main>
<body>
<div class="container">
    <div class="row">
        <form method="get" action="<?php //echo base_url()?>">
            <div class="input-field col s12 m4 l4" style="width: auto">
                <select onchange="this.form.submit()" name = "groupage">
                    <option value="" disabled selected>Choose your option</option>
                    <option value="0" class="indigo" selected >All</option>
                    <option value="1" class="indigo" >Senior</option>
                    <option value="2">Infantil</option>
                    <option value="3">Cadete</option>
                </select>
                <label>Grupo de Edad</label>
            </div>
            <div class="input-field col s12 m4 l4" style="width: auto">
                <select onchange="this.form.submit()" name = "sex">
                    <option value="" disabled selected>Choose your option</option>
                    <option value="0" class="indigo" selected>All</option>
                    <option value="1">Female</option>
                    <option value="2">Male</option>

                </select>
                <label>Sexo</label>
            </div>
            <div class="input-field col s12 m4 l4" style="width: auto">
                <select onchange="this.form.submit()" name = "weight">
                    <option value="" disabled selected>Choose your option</option>
                    <option value="0" class="indigo" selected>All</option>
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                    <option value="3">Option 3</option>
                </select>
                <label>Peso</label>
            </div>
        </form>
    </div>
    <div class="row">
        <div class="col s3 "><h5>Name</h5> </div>

        <div class="col s3 "> <h5>Surname1</h5></div>
        <div class="col s3 "> <h5>Surname2</h5></div>
        <div class="col s3 "> <h5>Dni</h5></div>

    </div>
    <ul class="collapsible" data-collapsible="accordion">
        <?php foreach ($competitors as $row) {?>
            <li>
                <div class="collapsible-header ">
                    <div class="row">
                        <div class="col s3"> <?php echo $row -> nombre?></div>
                        <div class="col s3"> <?php echo $row -> apellido1?></div>
                        <div class="col s3"> <?php echo $row -> apellido2?></div>
                        <div class="col s3"> <?php echo $row -> dni?></div>
                    </div>

                </div>
                <div class="collapsible-body ">
                    <div class ="row">
                        <div class="row">
                            <div class="col s2 "> <img class="responsive-img" src="<?php echo URL_ASSETS;?>assets/images/flags/esp_m.jpg"></div>
                            <div class="col s4 "></div>
                        </div>
                    </div>

                </div>
            </li>
        <?php }?>
    </ul>
</div>

<ul class="pagination center">
    <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
    <li class="active"><a href="#!">1</a></li>
    <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
</ul>




</body>