@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">ARTICULOS DE LA CALCULADORA</h4> 
                    </div>
                    <div class="col-md-6 col-sm-4 col-xs-12">
                      <a href="{{ URL::to('administrator/calculate/article/create/') }}" class="btn btn-rounded btn-info btn-sm pull-right">Agregar articulo</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 ARTICULOS<span class="label label-info">{{ $articles->total() }}</span> </div>
                            <div class="table-responsive">
                                <table class="table table-hover manage-u-table">
                                    <thead>
                                        <tr>
                                            <th width="200">NOMBRE</th>
                                            <th>CREACIÓN</th>
                                            <th width="100"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      @foreach($articles as $article)
                                        <tr>
                                            <td>{{ $article->article_name }}</td>
                                            <td>{{ $article->created_at }}</td>
                                            <td>
                                                <a href="{{ URL::to('administrator/calculate/article/view/'.$article->calculate_article_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/calculate/article/edit/'.$article->calculate_article_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/calculate/article/delete/'.$article->calculate_article_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($articles)==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' => $articles])                        
                        </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