@extends('template.layoutAdmin', ['activeButton'=>'personal'])
@section('title')
    {{  trans('publicaciones.publicaciones') }}
@endsection
@section('cabecera')
    <h1>
      {{  trans('publicaciones.publicaciones') }}
    </h1>
@endsection

@section('style')

    <style>
        #myInput {
            background-image: url("{{ asset('assets/img/searchicon.png') }}");
            background-position: 10px 5px;
            background-repeat: no-repeat;
            width: 100%;
            padding: 12px 20px 12px 40px;
            border: 1px solid #ddd;
            border-radius: 25px;
        }

    </style>

@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="box-title"> {{  trans('publicaciones.listPublicaciones') }}</h3>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col">
                            <div class="input-group mb-3">
                                <input type="text" id="myInput" class="form-control " id="myInput" placeholder="{{  trans('publicaciones.buscar') }}" aria-label="Recipient's username" aria-describedby="basic-addon2">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="table-responsive" style="overflow-x: auto">
                        <table class="table table-bordered text-center" id="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th> {{  trans('publicaciones.imagen') }} </th>
                                    <th> {{  trans('publicaciones.token') }} </th>
                                    <th> {{  trans('publicaciones.fecha') }} </th>
                                    <th> {{  trans('publicaciones.usuario') }} </th>
                                    <th> {{  trans('publicaciones.acciones') }} </th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $ID = 1; @endphp
                                @if(count($publicaciones) <> 0)
                                    @foreach ($publicaciones as $item)
                                        <tr>
                                            <td>
                                                {{$ID}}
                                            </td>
                                            <td style="vertical-align: middle;" class="text-center">
                                                <img class="img-responsive" style="border-radius: 5px;box-shadow: 0 0 16px rgba(0, 0, 0, 0.15)" src="{{env('Image')}}{{($item->file)}}" width="50">
                                            </td>
                                            <td>{{$item->token}}</td>
                                            <td>{{date('d/m/Y - h:i a', strtotime($item->created_at))}}</td>
                                            @php
                                                $idUsario = $item->funUser->idUserEnjoit;
                                                $Usuario = App\Models\User::where('idUsuario', $idUsario)->first();
                                            @endphp
                                            <td> {{$Usuario->nombre}} {{$Usuario->apellido}}</td>
                                            <td>
                                                <div class="col">
                                                    <a class="btn btn-warning rounded-circle text-white" href="{{route('publicaciones.show', ['id' => $item->idPublications])}}" >
                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        @php $ID++; @endphp
                                    @endforeach
                                @else
                                    <tr>
                                        <td><h4> {{  trans('publicaciones.noDatos') }} </h4></td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                    {!! $publicaciones->appends(Request::all())->render() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')

    <script>

        $(document).ready(function() {
            $("#myInput").on("keyup", function() {
                var value = $(this).val().toLowerCase();
                $("#table tr").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
        });

    </script>

@endsection