@extends('layouts.app')

@section('content')

<!-- BEGIN: Content-->
    <div class="app-content content ">
      <div class="content-overlay"></div>
      <div class="header-navbar-shadow"></div>
      <div class="content-wrapper">
        <div class="content-header row">
          <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
              <div class="col-12">
                <h2 class="content-header-title float-left mb-0">Gerenciar</h2>
                <div class="breadcrumb-wrapper">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('iptv.index')}}">Tutoriais</a>
                    </li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="content-body"><!-- Ajax Sourced Server-side -->
        <section id="ajax-datatable">
        <div class="row">
            <div class="col-12">
            <div class="card">
                <div class="card-header border-bottom">
                <h4 class="card-title">Itens do Tutorial</h4>
                <div>
                    <a href="{{route('tutoriais.create')}}"><button type="button" id="apagarselecionados" class="btn btn-outline-primary">Criar novo Item</button></a>
                    <a href="{{route('subject.gerenciar')}}"><button type="button" id="apagarselecionados" class="btn btn-outline-primary">Gerenciar Assuntos</button></a>

                </div>
                </div>
                <div class="card-datatable">
                <table id="table-conexoes" class="datatables-ajax table">
                    <thead>
                    <tr>
                        <th>Id</th>
                        <th>Assunto</th>
                        <th>Titulo</th>
                        <th>Detalhes</th>
                        <th>Criação</th>
                        <th>Ação</th>
                    </tr>
                    </thead>
                </table>
                </div>
            </div>
            </div>
        </div>
    </div>
@endsection

 @push('scripts')

<script>
    const creditosLogIndexUrl = '{{ route('faq.gerenciar') }}';

    $(document).ready(function() {

        var table = $('#table-conexoes').removeAttr('width').DataTable({
            "autoWidth": false,
            "order": [
                [0, "asc"]],
            "processing": true,
            "serverSide": true,
            "language": {
                "processing": "Processando...",
                "lengthMenu": "Mostrar: _MENU_",
                "zeroRecords": "Não foram encontrados resultados",
                "info": "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                "infoEmpty": "Mostrando de 0 até 0 de 0 registros",
                "sInfoFiltered": "",
                "sInfoPostFix": "",
                "search": "Buscar:",
                "url": "",
                "loadingRecords": "Carregando...",
                "paginate": {
                    "first": "Primeiro",
                    "previous": "Anterior",
                    "next": "Seguinte",
                    "last": "Último"
                }
            },
            "ajax":{
                url: creditosLogIndexUrl
            },

            "columns":[
                {
                    "data":'id',
                    "name": 'id'
                },
                {
                    "data":'assunto',
                    "name": 'assunto'
                },

                {
                    "data":'title',
                    "name": 'title'
                },
                {
                    "data": 'detail',
                    "name": 'detail'
                },
                {
                    "data":'created',
                    "name": 'created'
                },
                 {
                    "data": 'action',
                    "name": 'action',
                },

            ],
        });
        table.on('click', '.apagar', function() {

                $tr = $(this).closest('tr');
                if ($($tr).hasClass('child')) {
                    $tr = $tr.prev('.parent');
                }
                var data3 = table.row($tr).data();

                Swal.fire({
                title:"Você tem certeza que deseja apagar o Tutorial: <br>" + data3['title'],
                text:"Essa ação não poderá ser revertida!",
                icon:"warning",
                showCancelButton:!0,
                confirmButtonText:"Sim, Apagar isto!",
                customClass:{confirmButton:"btn btn-primary",
                cancelButton:"btn btn-outline-danger ml-1"},
                cancelButtonText:"Cancelar",

                buttonsStyling:!1}).then((result) => {
                    if (result.isConfirmed) {
                        window.location.href = "/tutoriais/apagar/" + data3['id'];
                        Swal.fire(
                        'Apagado!',
                        'Este Tutorial foi Apagado.',
                        'success'
                        )
                    }
                })
            });
    });


</script>


@if(!empty(Session::get('msg')) && Session::get('msg') == 1)
    <script>
        Swal.fire({title:"Sucesso!",text:"Tutorial editado com Sucesso!",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

    @if(!empty(Session::get('msg')) && Session::get('msg') == 2)
    <script>
        Swal.fire({title:"Sucesso!",text:"Item de Tutorial inserido com Sucesso!",icon:"success",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif

     @if(!empty(Session::get('msg')) && Session::get('msg') == 3)
    <script>
        Swal.fire({title:"Erro!",text:"O Id 1 não pode ser apagado!, você pode editar ele.",icon:"error",customClass:{confirmButton:"btn btn-primary"},buttonsStyling:!1});
    </script>
    @endif
@endpush