@extends(layoutTenant())

@section('content')



    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Detalhes do  Portal</h4>


                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- end row -->
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card influencer-profile-data">
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-2 col-lg-4 col-md-4 col-sm-4 col-12">
                            <div class="text-center">
                                <img src="{{ asset($categorie->imglogo) }}" alt="Logo Portal"  width="100%">
                            </div>
                        </div>
                        <div class="col-xl-10 col-lg-8 col-md-8 col-sm-8 col-12">
                            <div class="user-avatar-info">
                                <div class="m-b-20">
                                    <div class="user-avatar-name">
                                        <h2 class="mb-1">{{$categorie->name}}</h2>
                                    </div>

                                </div>
                                <div style="clear: both"></div>
                                <!--  <div class="float-right"><a href="#" class="user-avatar-email text-secondary">www.henrybarbara.com</a></div> -->
                                <div class="user-avatar-address">




                                            <div class="card-body">
                                                <table class="table table-striped">

                                                    <tbody>
                                                    <tr>
                                                        <th scope="row">   <span class="d-xl-inline-block d-block mb-2"><i class="fa fa-map-marker-alt mr-2 text-primary ">

                                            </i>{{$categorie->endereco}}, {{$cidade->name}}, {{$estado->abbreviation}}</span></th>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Cadastrado em   @php  echo date('d M, Y', strtotime($categorie->created_at)) @endphp  </span>
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Email: {{$categorie->email}} </span>
                                                        </th>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Slogan: {{$categorie->subname}} </span>
                                                        </th>
                                                    </tr>

                                                    <tr>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Dominio: {{$categorie->subdomain}} </span>
                                                        </th>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Nome: {{$categorie->nome}} </span>
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">CNPJ: {{$categorie->cnpj}} </span>
                                                        </th>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">CEP: {{$categorie->cep}} </span>
                                                        </th>
                                                    </tr>
                                                    <tr>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Telefone: {{$categorie->telefone}} </span>
                                                        </th>
                                                        <th >
                                                            <span class="mb-2 ml-xl-4 d-xl-inline-block d-block">Responsavel: {{$categorie->responsavel}} </span>
                                                        </th>
                                                    </tr>

                                                    <tr>
                                                        <th  colspan="2">
                                                            Modulos :
                                                            <buttom @if($categorie->diario == 1) class="btn btn-primary" @else class="btn btn-light"  @endif> Diário Oficial</buttom>
                                                            <buttom @if($categorie->documentos == 1) class="btn btn-primary" @else class="btn btn-light"  @endif>  Documentos Licitações</buttom>
                                                            <buttom @if($categorie->esic == 1) class="btn btn-primary" @else class="btn btn-light"  @endif>  E-sic/ Ouvidoria</buttom>
                                                            <buttom @if($categorie->painelemail == 1) class="btn btn-primary" @else class="btn btn-light"  @endif> Painel de E-mails</buttom>
                                                            <buttom @if($categorie->trasparencia == 1) class="btn btn-primary" @else class="btn btn-light"  @endif>  Transparência</buttom>
                                                        </th>

                                                    </tr>


                                                    </tbody>
                                                </table>







                                    <div class="mt-3">

                                        <div class="product-btn">
                                            <a href="{{routeTenant('portais.editar',['id'=>$categorie->id])}}" class="btn btn-primary">Editar</a>

                                            @if($categorie->status == 1)
                                                <a href="{{routeTenant('portais.desativar',['id'=>$categorie->id,'status'=> '0'])}}" class="btn btn-danger " data-confirm='Tem certeza de que deseja Desativar o item selecionado?'>Desativar</a>
                                            @else
                                                <a href="{{routeTenant('portais.desativar',['id'=>$categorie->id,'status'=> '1'])}}" class="btn btn-success" data-confirm2='Tem certeza de que deseja Ativar o item selecionado?'>Ativar</a>
                                            @endif
                                        </div>
                                    </div>

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

                <div class="border-top user-social-box">

<div class="row" style="margin-top: 40px;">
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-3 col-3">
                        <div class="card">
                            <button class="btn btn-primary">Template</button>
                            <img class="card-img-top img-fluid p-2" src="{{asset('templates/'.$template->template.'/template.jpg')}}/" alt="Card image cap">
                            <div class="card-body">
                                <h3 class="card-title">{{$template->name}}</h3>
                                <p class="card-text">{{$template->descricao}}</p>

                            </div>
                        </div>



                    </div>

                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
                        <div class="card">
                            <button class="btn btn-primary">Cor do cabeçalho</button>

                            <div style="width: 100%; color: {{$categorie->headertextcor}};  text-align: center; line-height:60px; height:60px; background-color:{{$categorie->headercor}} "> {{$categorie->headercor}}</div>

                        </div>

                        <div class="card">
                            <button class="btn btn-primary">Cor do texto cabeçalho</button>

                            <div style="width: 100%; color: {{$categorie->headercor}};  text-align: center; line-height:60px; height:60px; background-color:{{$categorie->headertextcor}} "> {{$categorie->headertextcor}}</div>

                        </div>



                    </div>


    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
        <div class="card">
            <button class="btn btn-primary">Cor do Rodapé</button>

            <div style="width: 100%; color: {{$categorie->footertextcor}};  text-align: center; line-height:60px; height:60px; background-color:{{$categorie->footercor}} "> {{$categorie->footercor}}</div>

        </div>

        <div class="card">
            <button class="btn btn-primary">Cor do texto Rodapé</button>

            <div style="width: 100%; color: {{$categorie->footercor}} ;  text-align: center; line-height:60px; height:60px; background-color:{{$categorie->footertextcor}} "> {{$categorie->footertextcor}}</div>

        </div>

    </div>
</div>



                </div>
            </div>
        </div>
    </div>
    </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