@extends('layouts.app-general')

@section('content')
    <div class="container-fluid">
                <div class="row bg-title">
                    <div class="col-md-6 col-sm-4 col-xs-12">
                        <h4 class="page-title">BANNERS </h4> 
                    </div>
                    <div class="col-md-6 col-sm-4 col-xs-12">
                      <a href="{{ URL::to('administrator/web/banners/create') }}" class="btn btn-rounded btn-info btn-sm pull-right">Agregar banner</a> 
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                
                <!-- ============================================================== -->
                <!-- Sales different chart widgets -->
                <!-- ============================================================== -->
                <!-- .row -->
                @yield('content')

                <!-- /.row -->
                
                <!-- ============================================================== -->
                <!-- Sales, finance & Expance widgets -->
                <!-- ============================================================== -->

                <!-- /.row -->
                <div class="row">
                    <div class="col-md-12">
                        @if(session('flash_message'))
                                <div class="alert alert-success alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> Enhorabuena!, {{ session('flash_message') }} 
                                </div>
                        @endif
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel">
                            <div class="panel-heading">LISTADO DE BANNERS <span class="label label-info">{{ $banners->total() }}</span> </div>
                            <div class="table-responsive">
                                <table class="table table-hover manage-u-table">
                                    <thead>
                                        <tr>
                                            <th width="70" class="text-center">BANNER</th>
                                            <th width="200">ORDEN</th>
                                            <th>ESTADO</th>
                                            <th>CREACIÓN</th>
                                            <th width="100"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      @foreach($banners as $banner)
                                        <tr>
                                            <td class="text-center">
                                                @if(isset($banner->image))
                                                    <img src="{{ url("{$banner->image}") }}" alt="" style="width:40px;height:40px;border-radius:10px;">
                                                @endif
                                            </td>
                                            <td>{{ $banner->order }}</td>
                                            <td>@if($banner->status==1) Activada @else Desactivada @endif</td>
                                            <td>{{ $banner->created_at }}</td>
                                            <td>
                                                <a href="{{ URL::to('administrator/web/banners/view/'.$banner->web_banner_id) }}" class="btn btn-default btn-outline btn-circle btn-md m-r-5"><i class="ti-eye"></i></a>
                                                <a href="{{ URL::to('administrator/web/banners/edit/'.$banner->web_banner_id) }}" class="btn btn-default btn-outline btn-circle btn-md m-r-5"><i class="ti-pencil"></i></a>
                                                <a href="{{ URL::to('administrator/web/banners/delete/'.$banner->web_banner_id) }}" class="btn btn-danger btn-outline btn-circle btn-md m-r-5 delete"><i class="ti-trash"></i></a>
                                            </td>
                                        </tr>
                                      @endforeach
                                    </tbody>
                                </table>
                                 @if(count($banners)==0)
                                    <div class="col-md-4 col-md-offset-4">
                                        <div class="no-found">No hay registros</div>
                                    </div>
                                @endif                                 
                            </div>
                            @include('admin.common.pagination.default', ['paginator' => $banners])                        
                        </div>
                    </div>                  
                </div>
                <!-- ============================================================== -->
                <!-- Sales, weather & calander widgets -->
                <!-- ============================================================== -->
                <!-- .row -->

       
                <!-- ============================================================== -->
                <!-- Profile, & inbox widgets -->
                <!-- ============================================================== -->
                <!-- .row -->
                <div class="row"></div>
                <!-- /.row -->
                <!-- ============================================================== -->
                <!-- To do list, & Feed widgets -->
                <!-- ============================================================== -->
                <div class="row"></div>
                <!-- ============================================================== -->
                <!-- Right sidebar -->
                <!-- ============================================================== -->
                <!-- .right-sidebar -->
                <div class="right-sidebar">
                    <div class="slimscrollright"></div>
                </div>
                <!-- ============================================================== -->
                <!-- End Right sidebar -->
                <!-- ============================================================== -->
    </div>    
@endsection