@if($acc == "list" )
    @include('layouts.breadcumb')

@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop
    <div class="row">
        <div class="panel panel-warning panel-border">
            <!-- panel head -->
            <div class="panel-heading">
                @if (Session::has('message'))
                @section('scripts')
                    <script>
                        swal("Registered!", "It was created right mind!", "success")
                    </script>
                @endsection
                @endif

            </div>
                <div class="panel-body">
                    <div class="alert alert-warning">
                        <strong>IMPORTANTE!</strong>
                        Si hay 2 o mas eventos activos, solo se tomara el mas reciente.
                    </div>
                    <input type="hidden" value="{{$noimagen="---"}}" >
                <div class="table-responsive">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                        <thead>

                        <tr>
                            <th >ID</th>
                            <th >NOMBRE DEL EVENTO</th>
                            <th >VALOR DESCUENTO</th>
                            <th >PORCENTAJE DESCUENTO</th>
                            <th >VENTANA EMERGENTE</th>
                            <th >MARCA DE AGUA</th>
                            <th >ENCABEZADO</th>
                            <th >PRODUCTOS NUEVOS</th>
                            <th >PROMOCIONES</th>
                            <th >OFERTAZOS</th>
                            <th >ULTIMA ACTUALIZACION</th>
                            <th >ESTADO</th>
                            <th >EDITAR</th>
                            <th >PRODUCTOS EVENTO</th>
                        </tr>
                        <tr class="filter-column-tr">
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($eventos as $evento )

                            <tr>
                                <td align="center"><span class="badge badge-default" style="font-size: 1.2em;">{{$evento->id}} </span></td>
                                <td>{{$evento->nombre}}</td>
                                @if($evento->descuento_valor != '')
                                    <td class="right-aligned"> ${{ number_format( $evento->descuento_valor)}}</td>
                                @else
                                    <td class="right-aligned"> </td>
                                @endif
                                @if($evento->descuento_porcentaje != '')
                                    <td class="right-aligned">{{$evento->descuento_porcentaje}}%</td>
                                @else
                                    <td class="right-aligned"> </td>
                                @endif
                                <td>@if($evento->banner != '')<img style="cursor:pointer; " data-url="/public/files/mercadeo/{{ $evento->banner }}" src="/public/files/mercadeo/{{ $evento->banner }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->banner }}' > @else {{$noimagen}} @endif</td>
                                <td>@if($evento->watermark != '')<img style="cursor:pointer;" data-url="/public/files/mercadeo/{{ $evento->watermark }}" src="/public/files/mercadeo/{{ $evento->watermark }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->watermark }}' >@else {{$noimagen}} @endif</td>
                                <td>@if($evento->header != '')<img style="cursor:pointer;" data-url="/public/files/mercadeo/{{ $evento->header }}" src="/public/files/mercadeo/{{ $evento->header }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->header }}' >@else {{$noimagen}} @endif</td>
                                <td>@if($evento->banner_home1 != '')<img style="cursor:pointer;" data-url="/public/files/mercadeo/{{ $evento->banner_home1 }}" src="/public/files/mercadeo/{{ $evento->banner_home1 }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->banner_home1 }}' >@else {{$noimagen}} @endif</td>
                                <td>@if($evento->banner_home2 != '')<img style="cursor:pointer;" data-url="/public/files/mercadeo/{{ $evento->banner_home2 }}" src="/public/files/mercadeo/{{ $evento->banner_home2 }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->banner_home2 }}' >@else {{$noimagen}} @endif</td>
                                <td>@if($evento->banner_home3 != '')<img style="cursor:pointer;" data-url="/public/files/mercadeo/{{ $evento->banner_home3 }}" src="/public/files/mercadeo/{{ $evento->banner_home3 }}" class="img-responsive img-thumbnail image-zoom" width='100' height='100' title='{{ $evento->banner_home3 }}' >@else {{$noimagen}} @endif</td>
                                <td>{{$evento->updated_at}}</td>
                                <td>
                                    @if( $evento->status == 1 )
                                        <input type="hidden" value="{{$evento->status}}">
                                        <a class="btn btn-primary" rel="tooltip" data-original-title="ACTIVO">
                                            <i class="fa fa-2x fa-check-square-o"></i>
                                        </a>
                                    @else
                                        <input type="hidden" value="{{$evento->status}}">
                                        <a class="btn btn-primary" rel="tooltip" data-original-title="INACTIVO">
                                            <i class="fa fa-2x fa-square-o"></i>
                                        </a>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ Session::get('opcion_url')  }}edit/{{ $evento->id }}" class="btn btn-primary"
                                       rel="tooltip" data-original-title="EDITAR">
                                        <i class="fa fa-2x fa-edit" onclick="showMessage('Procesando solicitud, Espere un momento...');"></i>
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ Session::get('opcion_url')  }}prod/{{ $evento->id }}" class="btn btn-primary"
                                       rel="tooltip" data-original-title="PRODUCTOS">
                                        <i class="fa fa-2x fa-list" onclick="showMessage('Procesando solicitud, Espere un momento...');"></i>
                                    </a>
                                </td>

                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>

    <div class="md-fab-wrapper">
        <a href="http://www.dyna.com.co/dump.php"  class="md-fab md-fab-danger show-loading waves-light waves-effect" rel="tooltip" title="Cache Ecommerce" target="_blank">
            <i class="fa fa-2x fa-trash"></i>
        </a>
        <br>
        <a href="{{ $baseUrl }}/add/"   class="md-fab md-fab-orange show-loading waves-light waves-effect" rel="tooltip" title="Agregar Evento" >
            <i class="fa fa-2x fa-plus"></i>
        </a>
    </div>

@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script type="text/javascript">
        setDatatable('#table-1');
    </script>
@stop
@endif