@extends('layouts.app')

@section('content')


    <div class="container" xmlns="http://www.w3.org/1999/html">
        <div class="row" style="width:100%;">
            <div class="col-md-10 col-md-offset-1">
                <div class="panel panel-default" style="width: 120%; padding: 3%">
                    <div >
                        <h3>Mis Notificaciones</h3>

                        <div>

                            <a class="btn btn-primary"  href="{{ URL::to('/') }}/notifications">No Leídas  <span class="badge">{{$count_notif_noLeidas}}</span></a>
                            <a class="btn btn-primary"   href="{{ URL::to('/') }}/notifications/read">Leídas</a>
                            <a class="btn btn-primary"  href="{{ URL::to('/') }}/notifications/archivadas" >Archivadas</a>
                            <a class="btn btn-danger active" style="background: rgb(255,41,12);" href="{{ URL::to('/') }}/notifications/inactividad" >Inactividad  <span class="badge">{{$countInactiveNoRead}}</span></a>

                        </div>


                        <div class="input-group" style="float: right">
                            @if($notif_noLeidasRender != 'select')

                                <form class="input-group" action="{{ URL::to('/') }}/search/notificaciones" method="POST"  >
                                    <input input type="text" class="form-control" placeholder="Buscar notificaciones"  aria-label="Search" name="string">
                                    <input name="_token" type="hidden" value="{{ csrf_token() }}"/>
                                    <input name="type" type="hidden" value="Inactive" />
                                    <span class="input-group-btn"><button class="btn btn-primary"  type="submit">Buscar</button></span>
                                </form>
                            @endif

                        </div>



                            @if (is_countable($notificaciones_noLeidas))

                            <button type="button" onClick=marcarLeidos() id="arch" style="padding:5px;font-size:10px ;width:100px ;font-weight:900; color: #1e88e5 ;display:none" class="list-group-item responsive_todos">Marcar todos como leídos</button>

                        @endif


                            <table class="table table-hover"   >

                                <thead  style="border-bottom:2px solid #ddd">
                                <tr >
                                    <th >Notificaciones no leídas</th>
                                    <th style="width:15% ">Fecha</th>
                                    <th >Archivar</th>
                                    <th style="width: 11%">Marcar leído</th>

                                </tr>
                                </thead>
                                <tbody id="notificacion" style=" ">