<?php $__env->startSection('style'); ?>
    <link href="<?php echo e(asset('js/advanced-datatable/css/demo_page.css')); ?>" rel="stylesheet" />
    <link href="<?php echo e(asset('js/advanced-datatable/css/demo_table.css')); ?>" rel="stylesheet" />
    <link rel="stylesheet" href="<?php echo e(asset('js/data-tables/DT_bootstrap.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('assets/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css')); ?>" />
    <link rel="stylesheet" href="<?php echo e(asset('css/export.css')); ?>" />
    <?php $__env->stopSection(); ?>


    <?php $__env->startSection('content'); ?>
            <!--body wrapper start-->
    <div class="wrapper">
        <?php echo $__env->make('partials.message', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php echo $__env->make('partials.exportData', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <div class="row">
            <div class="col-sm-12">
                <section class="panel">
                    <header class="panel-heading">
                        <?php echo e(trans('ui.record.names')); ?>

                        <span class="tools pull-right">
                            <a href="javascript:;" class="fa fa-chevron-down"></a>
                        </span>
                        <?php if($sucursal->registros->count() > 0): ?>
                            <a href="#modalExportData" class="pull-right btn-mod-export" style="color:#535351;" data-toggle="modal" id="<?php echo e($sucursal->id); ?>">
                                Exportar <?php echo e($sucursal->registros->count()); ?> Registros <i class="fa fa-download" aria-hidden="true"></i>
                            </a>
                        <?php endif; ?>
                        <a href="<?php echo e(url('registro')); ?>" class="pull-right" style="margin:0px 15px; color:#535351;">
                            <i class="fa fa-arrow-left" aria-hidden="true"></i> Regresar a la lista
                        </a>
                    </header>
                    <div class="panel-body">
                        <div class="panel-body">
                            <table class="display table table-bordered table-striped" id="dynamic-table" >
                                <thead>
                                <tr>
                                    <th><?php echo e(trans('ui.record.procedure')); ?></th>
                                    <th><?php echo e(trans('ui.record.agent')); ?></th>
                                    <th><?php echo e(trans('ui.record.date')); ?></th>
                                    <th><?php echo e(trans('ui.record.service_time')); ?></th>
                                    <th><?php echo e(trans('ui.record.services')); ?></th>
                                    <th><?php echo e(trans('ui.documents.operation_label')); ?></th>
                                </tr>
                                </thead>
                                <tbody>
                                <?php foreach($registros as $registro): ?>
                                    <tr>
                                    <td><?php echo e($registro -> tramite ->  nombre); ?></td>
                                    <td><ul>
                                            <?php foreach($registro->usuarios as $usuario): ?>
                                                <li>
                                                    <?php echo e($usuario-> firstname. ' '. $usuario -> lastname); ?>

                                                </li>
                                            <?php endforeach; ?>
                                        </ul></td>
                                    <td><?php echo e($registro -> date); ?></td>
                                    <td><?php echo e($registro->service_time); ?></td>
                                    <td><ul>
                                            <?php foreach($registro->servicios()->where('sucursal_id',$registro->sucursal_id)->groupBy('servicio')->get() as $servicio): ?>
                                                <li>
                                                    <?php echo e($servicio->servicio); ?>

                                                </li>
                                            <?php endforeach; ?>
                                            <?php /* <?php foreach($registro->servicios() -> where('sucursal_id',$registro -> sucursal_id) -> get() as $servicio): ?>
                                                <li>
                                                    <?php echo e($servicio-> servicio); ?>

                                                </li>
                                            <?php endforeach; ?> */ ?>
                                        </ul></td>
                                    <td>

                                        <a href="<?php echo e(url('registro/' . $registro->id )); ?>">
                                            <i class="fa fa-eye"></i>
                                        </a>

                                    </td>
                                    </tr>
                                <?php endforeach; ?>
                                </tbody>
                            </table>
                            <?php echo $registros->render(); ?>

                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <?php $__env->stopSection(); ?>

    <?php $__env->startSection('script'); ?>
            <!--dynamic table-->
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('js/advanced-datatable/js/jquery.dataTables.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('js/data-tables/DT_bootstrap.js')); ?>"></script>
    <!--dynamic table initialization -->
    <?php /* <script src="<?php echo e(asset('js/dynamic_table_init.js')); ?>"></script> */ ?>

    <?php /* The plugin datetimepicker */ ?>
    <script type="text/javascript" src="<?php echo e(asset('assets/bower_components/moment/min/moment.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/bower_components/moment/locale/es.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('js/export.js')); ?>"></script>
    <script type="text/javascript">
        $(function () {
            // $('.input-group.date').datetimepicker({
            //     format: 'DD/MM/YYYY',
            //     locale: 'es'
            //     // pickTime: false,
            // });
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>