<?php $__env->startSection('content'); ?>
<div class="container">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Vehicles pendents de sanció
                </div>
                <div class="panel-body">

                    <h4>Mostrar per: <select class="opcioMostratge" name="opcioMostratge"><option value="Tots" selected>Tots</option>
                        <option value="data">Data</option>
                        <option value="infractor">Infractor</option>
                        <option value="matricula">Matricula</option>
                    </select></h4>
                    <h4>
                    <form>
                        <input id="data" value="data" hidden></input>
                        <input id="matricula" value="matricula" hidden></input>
                        <select id="infractor" hidden>
                            <option value="">Escull l'autorització</option>
                            <option value="1">Acces Autoritzat</option>
                            <option value="False">Acces No Autoritzat</option>
                        </select>
                    </form>
                    <form>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Matricula</th>
                            <th class="data">Data d'acces</th>
                            <th>Imatge</th>
                        </tr>
                        </thead>
                        <tbody>
                    <?php foreach($accessos as $key => $acces): ?>
                        <tr class="
                                <?php if(!$acces->lectura_matricula): ?>
                                    danger
                                <?php elseif(!$acces->acces_autoritzat): ?>
                                    danger
                                <?php else: ?>
                                    success
                                <?php endif; ?>
                                ">
                            <td><?php echo e($acces->matricula); ?></td>
                            <td class="data"><?php echo e($acces->data_acces); ?></td>
                            <td><img class="img-thumbnail" width="304" src="<?php echo e($acces->path_imatge); ?>" alt="acces"></td>
                        </tr>
                    <?php endforeach; ?>
                        </tbody>
                    </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
    <script type="text/javascript">
        //zoom imatge
        jQuery(document).ready(function ($) {
            $(".opcioMostratge").change(function () {
                $("#data").hide();
                $("#matricula").hide();
                $("#infractor").hide();
                var $valor = $(".opcioMostratge").val();
                $("#"+$valor).show();
            });
            $("#infractor").change(function () {
                var $boolAccesAutoritzat = $("#infractor").val();
                $.post("/accessos",
                        {
                            boolAccesAutoritzat: $boolAccesAutoritzat
                        },
                        function(data,status){
                            if(status="succes"){
                                $(".panel-heading").replaceWith(data);
                                alert(data);
                            }
                            else{
                                alert("Hi ha algun error en la consulta");
                                return false;
                            }
                        });


            });
            $(".img-thumbnail").elevateZoom({
                zoomWindowWidth:300,
                zoomWindowHeight:100
            });
        });
    </script>
<?php $__env->stopSection(); ?>