@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Detalhes do Link</h4>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- ============================================================== -->
        <!-- basic form -->
        <!-- ============================================================== -->
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header">Detalhes do Link</h5>
                <div class="card-body">
                    <img src="{{asset($category->img)}}" width="100%" alt="">

                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="card">
                            <h5 class="card-header">Infomações</h5>
                            <div class="card-body">
                                <table class="table table-striped">

                                    <tbody>

                                    <tr>
                                        <th scope="row">Titulo:</th>
                                        <td>{{$category->titulo}}</td>

                                    </tr>
                                    <tr>
                                        <th scope="row">Icone:</th>
                                        <td><i class="fa {{$category->icon}} fa-3x " aria-hidden="true"></i></td>

                                    </tr>

                                    <tr>
                                        <th scope="row">URL:</th>
                                        <td>{{$category->url}}</td>

                                    </tr>
                                    <tr>
                                        <th scope="row">DATA DE CRIAÇÂO:</th>
                                        <td>{{ date('d/m/Y' ,strtotime($category->created_at))}}</td>

                                    </tr>

                                    <tr>
                                        <th scope="row">STATUS:</th>
                                        <td>@if ($category->status == 'on') <buttom class="btn btn-success"> {{$category->status}}</buttom>
                                            @else

                                                <buttom class="btn btn-danger"> OFF</buttom>
                                            @endif</td>

                                    </tr>

                                    <tr >
                                        <td ></td>
                                    <td >

                                        <a href="{{routeTenant('links.edit',['link'=>$category->id])}}" title="Editar" class="btn btn-primary"> <i class="fa fa-edit" aria-hidden="true"></i></a>
                                        <a href="{{routeTenant('links.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>
                                    </td>

                                    </tr>
                                    </tbody>
                                </table>
                            </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">DELETAR LINK' +
                        '<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 Link ?</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">Deletar</a><' +
                        '/div></div></div></div>');
                }
                $('#dataComfirmOK').attr('href', href);
                $('#confirm-delete').modal({show: true});
                return false;

            });

        });
    </script>

@endsection