@extends(layoutTenant())

@section('content')
@php $pagina = "contas"; @endphp
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <h4 class="page-title float-left">Lista de Portais</h4>
            <div class="float-right">
                {!! Form::open(['url'=>routeTenant('buscaportais'), '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>
<div class="row" style="margin-top: -20px; margin-bottom: 20px; min-height: 100px; position: relative; margin-bottom: 30px;">
    <div style="position: absolute;  padding: 20px;  border-radius: 12px;  ">
        <div class="float-left">
            <a href="{{ routeTenant('addportais') }}" class="btn btn-success botao-adicionar"><i class=""></i> Adicionar Novo Portal</a>
        </div>
    </div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
    <div class="row">
        @foreach($categories as $category)
        <div class="col-md-4">
            <div class="card m-b-30" style="display: block; text-align: center; padding: 5px;">
                <img class="
                    @if($category->status == 0) desaturate @endif"
                    @if ($category->logoh == 1) height="100px" @endif
                    @if ($category->logow == 1) width="100%" @endif
                    style="max-width: 250px;"
                src="{{ asset($category->imglogo) }}" alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title">{{$category->name}}</h5>
                    <p class="card-text">
                        <a href="{{routeTenant('portais.editar',['id'=>$category->id])}}" class="btn btn-primary">Editar</a>
                        <a href="{{routeTenant('portais.detalhes',['id'=>$category->id])}}" class="btn btn-warning">Detalhes</a>
                        <a href="{{routeTenant('usuarios',['id'=>$category->id])}}" class="btn btn-info">Usuarios</a>
                        @if($category->status == 1)
                        <a href="{{routeTenant('portais.desativar',['id'=>$category->id,'status'=> '0'])}}" class="btn btn-danger " data-confirm='Tem certeza de que deseja Desativar o item selecionado?' title="Desativar">Desativar</a>
                        @else
                        <a href="{{routeTenant('portais.desativar',['id'=>$category->id,'status'=> '1'])}}" class="btn btn-success" data-confirm2='Tem certeza de que deseja Ativar o item selecionado?'>Ativar</a>
                        @endif
                    </p>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    {!! $categories->links() !!}
</div>
@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">DESATIVAR PORTAL' +
                        '<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 o portal ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Desativar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;
            });

            $('a[data-confirm2]').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-success text-white">ATIVAR PORTAL ' +
                        '<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 ativar o portal ?</div><div class="modal-footer">' +
                        '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
                        '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Ativar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;
            });
        });
    </script>
@endsection