@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Lista de Noticias</h4>

                <div class="float-right" >
                    {!! Form::open(['url'=>routeTenant('noticias.buscar'), 'class'=>'form form-inline','style'=>'height:40px;width: 100%;']) !!}

                    {!! Form::text('buscar', null, ['class'=>'form-control','style'=>'height:40px;width: 70%;']) !!}

                    {!! Form::submit('buscar', ['class'=>'btn btn-primary  btn-outline-success ']) !!}

                    {!! Form::close() !!}

                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->
    <div class="row" style="margin-top: -20px;  min-height: 100px; position: relative; ">
        <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">

            <div  class="float-left" style=" ">

                <a href="{{ routeTenant('noticias.create') }}" class="btn btn-success "><i class=""></i>   Adicionar Nova Noticia</a>



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



    <!-- recent orders  -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-6 col-sm-12 col-12">
        <div class="card">
            <h5 class="card-header">Noticias</h5>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table">
                        <thead class="bg-light">
                        <tr class="border-0">

                            <th class="border-0">Titulo</th>
                            <th class="border-0">Autor</th>
                            <th class="border-0">Data</th>
                            <th class="border-0">Status</th>


                            <th class="border-0">Funções</th>
                        </tr>
                        </thead>
                        @foreach($categories as $category)
                        <tbody>
                            <tr>

                                <td>
                                    <div class="m-r-10">{{ $category->titulo}}</div>
                                </td>
                                <td>{{$category->user_account->name}} </td>
                                <td>{{ date('d/m/Y' ,strtotime($category->created_at))}} </td>
                                <td>
                                    @if($category->status == 1)
                                        <a href="{{routeTenant('noticias.status',[$category->id,'0'])}}" title="Desativar" data-confirm2='Tem certeza de que deseja Desativar o item selecionado?'  class="btn btn-success"><i class="fa fa-toggle-on" aria-hidden="true"></i></a>
                                    @else
                                        <a href="{{routeTenant('noticias.status',[$category->id,'1'])}}" title="ativar" data-confirm3='Tem certeza de que deseja Desativar o item selecionado?'  class="btn btn-danger"><i class="fa fa-toggle-off" aria-hidden="true"></i></a>

                                    @endif
                                </td>

                                <td>
                                    @if(!empty($category->url))
                                    <a target="_blank" href="{{routeTenant('site.noticias',['pg'=>$category->url])}}" title="Visualizar" class="btn btn-warning"><i class="fa fa-eye" aria-hidden="true"></i></a>
                                    @endif

                                    <a href="{{routeTenant('noticias.edit',['noticia'=>$category->id])}}" title="Editar" class="btn btn-primary"> <i class="fa fa-edit" aria-hidden="true"></i></a>
                                    <a href="{{routeTenant('noticias.delete',[$category->id])}}" title="Deletar" data-confirm='Tem certeza de que deseja Desativar o item selecionado?'  class="btn btn-danger"><i class="fa fa-trash" aria-hidden="true"></i></a>

                                    @if(!empty($category->url))
                                    <div class="fb-share-button" data-href="{{routeTenant('site.noticias',['pg'=>$category->url])}}" data-layout="button_count" data-size="large">
                                    @endif
                                        </div>
                                </td>
                            </tr>

                        @endforeach


                        </tbody>
                    </table>
                    {!! $categories->links() !!}
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end recent orders  -->



@endsection




@section('post-script')


    <script>

        $(document).ready(function(){

            $('a[data-confirm]').click(function(ev){
                var href = $(this).attr('href');
                if(!$('#confirm-delete').length){
                    $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR NOTICIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Deletar a noticia ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });

            $('a[data-confirm2]').click(function(ev){
                console.log('aaaa');
                var href = $(this).attr('href');
                if(!$('#confirm-delete2').length){
                    $('body').append('<div class="modal fade" id="confirm-delete2" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-danger text-white">DESATIVAR NOTICIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Desativar a noticia ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK2">Desativar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK2').attr('href', href);
                $('#confirm-delete2').modal({show: true});
                return false;

            });

            $('a[data-confirm3]').click(function(ev){
                console.log('aaaa');
                var href = $(this).attr('href');
                if(!$('#confirm-delete3').length){
                    $('body').append('<div class="modal fade" id="confirm-delete3" tabindex="-1" role="dialog" ' +
                        'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
                        '<div class="modal-content"><div class="modal-header bg-success text-white">ATIVAR NOTICIA' +
                        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                        '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
                        'Tem certeza de que deseja Desativar a noticia ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-success text-white" id="dataComfirmOK3">Ativar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK3').attr('href', href);
                $('#confirm-delete3').modal({show: true});
                return false;

            });

        });


    </script>
@endsection