@extends('layouts.main')

@section('title', 'Treinamentos 2.0')

@section('content')

<main id="main" class="main">
    <div class="pagetitle">
        <h1>Dashboard</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Início</a></li>
                <li class="breadcrumb-item active">Dashboard</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        <div class="card-body">
            <h5 class="card-title">PÁGINA DO ADMINISTRADOR</h5>
            <div id="card-admin" class="alert alert-primary alert-dismissible fade show" role="alert">
                <h4 class="alert-heading">Olá, Administrador!</h4>
                <hr>
                <p>Aqui você pode fazer todo o gerenciamento dos vídeos.</p>
            </div>
            @if(session('msg'))
                <script>modifyCardAdmin()</script>
                <div class="alert alert-success alert-dismissible fade show" id="msgSuccess" role="alert">
                    <i class="bi bi-check-circle me-1"></i>
                    {{ session('msg') }}
                    <button type="button" class="btn-close" onClick="clickButton()" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
                <div class="alert alert-success alert-dismissible fade show" id="msgDelete" style="display:none;" role="alert">
                    <i class="bi bi-check-circle me-1"></i><span>Vídeo excluído com sucesso.</span>
                    <button type="button" class="btn-close" onClick="clickButton()" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
        </div>
    </div>

    <button id="add-video" type="button" class="btn alert-primary" data-bs-toggle="modal" data-bs-target="#largeModal">
        Novo Vídeo <i class="bi bi-plus-circle"></i>
    </button>

        <!-- Card Caixa -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">CAIXA</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(4)" data-bs-toggle="collapse" data-bs-target="#collapseCaixa" aria-expanded="false" aria-controls="collapseCaixa">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseCaixa" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-caixa">
                                            <h5 class="card-title">Videos Treinamento Caixa</h5>
                                            <h5 id="status-info-caixa" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                                <table class="table table-hover" id="tb-caixa">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col">Imagem</th>
                                                            <th scope="col">Nome</th>
                                                            <th scope="col">Editar|Excluir</th>
                                                        </tr>
                                                    </thead>
                                                    @foreach($listVideos as $listVideo)
                                                        @if($listVideo->division_id == 4)
                                                            <tbody>
                                                                <tr>
                                                                    <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                    <td id="name-line">{{$listVideo->names}}</td>
                                                                    <td id="buttons-line">
                                                                        <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                        <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        @endif
                                                    @endforeach
                                                </table>

                                        </div>

                                    </div>

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

        <!-- Card Crediário -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">CREDIÁRIO</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(5)" data-bs-toggle="collapse" data-bs-target="#collapseCred" aria-expanded="" aria-controls="collapseCred">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseCred" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-crediario">
                                            <h5 class="card-title">Videos Treinamento Crediário</h5>
                                            <h5 id="status-info-crediario" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-crediario">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 5)
                                                    <tbody>
                                                        <tr>
                                                            <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                            <td id="name-line">{{$listVideo->names}}</td>
                                                            <td id="buttons-line">
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Dicas Sitema COREBUSINESS -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">DICAS SISTEMA COREBUSINESS</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(10)" data-bs-toggle="collapse" data-bs-target="#collapseCore" aria-expanded="false" aria-controls="collapseCore">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseCore" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-core">
                                            <h5 class="card-title">Videos Treinamento Dicas Sistema COREBUSINESS</h5>
                                                <h5 id="status-info-core" style="display:none;">
                                                    <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                                </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-core">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 10)
                                                    <tbody>
                                                        <tr>
                                                            <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                            <td id="name-line">{{$listVideo->names}}</td>
                                                            <td id="buttons-line">
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Logística -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">LOGÍSTICA</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(8)" data-bs-toggle="collapse" data-bs-target="#collapseLog" aria-expanded="false" aria-controls="collapseLog">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseLog" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-logistica">
                                            <h5 class="card-title">Videos Treinamento Logística</h5>
                                            <h5 id="status-info-logistica" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-logistica">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 8)
                                                    <tbody>
                                                        <tr>
                                                            <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                            <td id="name-line">{{$listVideo->names}}</td>
                                                            <td id="buttons-line">
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Vendas -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">VENDAS</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(7)" data-bs-toggle="collapse" data-bs-target="#collapseVendas" aria-expanded="false" aria-controls="collapseVendas">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseVendas" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-vendas">
                                            <h5 class="card-title">Videos Treinamento Vendas</h5>
                                            <h5 id="status-info-vendas" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-vendas">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 7)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Contabilidade -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">CONTABILIDADE</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(2)" data-bs-toggle="collapse" data-bs-target="#collapseContabil" aria-expanded="false" aria-controls="collapseContabil">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseContabil" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-contabilidade">
                                            <h5 class="card-title">Videos Treinamento Contabilidade</h5>
                                            <h5 id="status-info-contabilidade" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-contabilidade">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 2)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Recursos Humanos -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">RECURSOS HUMANOS</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(3)" data-bs-toggle="collapse" data-bs-target="#collapseRH" aria-expanded="false" aria-controls="collapseRH">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseRH" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-rh">
                                            <h5 class="card-title">Videos Treinamento RH</h5>
                                            <h5 id="status-info-rh" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-rh">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 3)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Marketing -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">MARKETING</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(6)" data-bs-toggle="collapse" data-bs-target="#collapseMarketing" aria-expanded="false" aria-controls="collapseMarketing">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseMarketing" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-marketing">
                                            <h5 class="card-title">Videos Treinamento Marketing</h5>
                                            <h5 id="status-info-marketing" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-marketing">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 6)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card Inventário -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">INVENTÁRIO</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(9)" data-bs-toggle="collapse" data-bs-target="#collapseInventario" aria-expanded="false" aria-controls="collapseInventario">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseInventario" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-inventario">
                                            <h5 class="card-title">Videos Treinamento Inventário</h5>
                                            <h5 id="status-info-inventario" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-inventario">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 9)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

        <!-- Card TI -->
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">TI</h5>
                    <!-- Default Accordion -->
                <div class="accordion" id="accordionExample">
                        <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" onclick="checkRowsTables(1)" data-bs-toggle="collapse" data-bs-target="#collapseTI" aria-expanded="false" aria-controls="collapseTI">
                                    Acessar
                                    </button>
                                </h2>
                                <div id="collapseTI" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">

                                        <div class="card-body" id="card-ti">
                                            <h5 class="card-title">Videos Treinamento TI</h5>
                                            <h5 id="status-info-ti" style="display:none;">
                                                <span class="badge bg-warning badge-number"><i class="bi bi-emoji-frown"></i> Nenhum vídeo inserido.</span>
                                            </h5>

                                            <!-- Table with hoverable rows -->
                                            <table class="table table-hover" id="tb-ti">
                                                <thead>
                                                <tr>
                                                    <th scope="col">Imagem</th>
                                                    <th scope="col">Nome</th>
                                                    <th scope="col">Editar|Excluir</th>
                                                </tr>
                                                </thead>
                                                @foreach($listVideos as $listVideo)
                                                    @if($listVideo->division_id == 1)
                                                        <tbody>
                                                            <tr>
                                                                <td><img src="{{$listVideo->image}}" width="120px"></td>
                                                                <td id="name-line">{{$listVideo->names}}</td>
                                                                <td id="buttons-line">
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-pencil" data-bs-toggle="modal" data-bs-target="#largeModalUpdate" onclick="getIdUpdateVideo()"></i></button>
                                                                    <button type="button" class="btn btn-dark"><i class="bi bi-trash" onclick="messageConfirm()"></i></button>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    @endif
                                                @endforeach
                                            </table>
                                            <!-- End Table with hoverable rows -->
                                        </div>

                                    </div>

                                </div>
                        </div>
                </div><!-- End Default Accordion Example -->
            </div>
        </div>

    <!-- Modal adicionar vídeo -->
    <div class="modal fade" id="largeModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                      <h4 class="modal-title">Adicionar vídeo</h4>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="card-body">
                        <form action="/videos" method="POST" class="row g-3">
                            @csrf
                            <div class="col-12">
                                <label for="name" class="form-label">Título</label>
                                <input type="text" class="form-control" id="name" name="names" placeholder="" required>
                            </div>
                            <div class="col-12">
                                <label for="description" class="form-label">Descrição</label>
                                <input type="text" class="form-control" id="description" name="description" placeholder="" required>
                            </div>
                            <div class="col-12">
                                <label for="video" class="form-label">Link video</label>
                                <input type="text" class="form-control" id="vid" name="video" placeholder="" required>
                            </div>

                            <div class="col-12">
                                <label for="divisions" class="form-label">Categoria</label>
                                <select id="divisions" name="divisions" class="form-select">
                                    @foreach($divisions as $division)
                                        <option value="{{$division->id}}">{{$division->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn alert-primary">Salvar</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--Modal edição vídeo -->
    <div class="modal fade" id="largeModalUpdate" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                      <h4 class="modal-title">Editar vídeo</h4>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="card-body">
                        <form action="/videos" method="POST" class="row g-3" id="updateForm">
                            @csrf
                            @method('PUT')
                            <div class="col-12">
                                <label for="edCodigo" class="form-label">Código</label>
                                <input type="text" class="form-control" id="edCodigo" name="id" readonly>
                            </div>
                            <div class="col-12">
                                <label for="edTitulo" class="form-label">Título</label>
                                <input type="text" class="form-control" id="edTitulo" name="names" required>
                            </div>
                            <div class="col-12">
                                <label for="edDescricao" class="form-label">Descrição</label>
                                <input type="text" class="form-control" id="edDescricao" name="description" required>
                            </div>
                            <div class="col-12">
                                <label for="edLink" class="form-label">Link video</label>
                                <input type="text" class="form-control" id="edLink" name="video" required>
                            </div>

                            <button type="submit" class="btn alert-primary">Salvar Alterações</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</main>
@endsection


<script>
    function getIdUpdateVideo(id) {
        url = '/videos/';
        $.ajax({
            method: "get",
            url: url + id
        }).done(function(data){
            ModifyFieldsEdition(dateVideo = JSON.parse(data))
        });
    }
    function messageConfirm(id) {
        let text = "Deseja realmente excluir o vídeo?";
        if (confirm(text) == true) {
            deleteVideo(id)
        } else {
            text = "Ação cancelada.";
        }
    }
    function deleteVideo(id) {
        url = '/admin/videos/'
        $.ajax({
            method: "get",
            url: url + id
        }).done(function(msg){
            if(msg == 1) {
                document.getElementById('msgDelete').style.display = 'block'
                document.getElementById('msgSuccess').style.display = 'none'
                reload()
            }
        });
    }
    function modifyCardAdmin() {
        document.getElementById('card-admin').hidden = true;
    }
    function clickButton() {
        document.getElementById('card-admin').hidden = false;
        document.getElementById('msgSuccess').hidden = true;
    }
    function ModifyFieldsEdition(data) {
        //alert(data)
        document.getElementById('edCodigo').value = dateVideo[0].video_id;
        document.getElementById('edTitulo').value = dateVideo[0].names;
        document.getElementById('edDescricao').value = dateVideo[0].description;
        document.getElementById('edLink').value = dateVideo[0].video;
    }
    // Reload em todos os cards :::
    function reload() {
        $('#msgDelete').fadeOut(4000)
        $("#card-caixa").load(location.href+" #card-caixa>","");
        $("#card-crediario").load(location.href+" #card-crediario>","");
        $("#card-core").load(location.href+" #card-core>","");
        $("#card-logistica").load(location.href+" #card-logistica>","");
        $("#card-vendas").load(location.href+" #card-vendas>","");
        $("#card-contabilidade").load(location.href+" #card-contabilidade>","");
        $("#card-rh").load(location.href+" #card-rh>","");
        $("#card-marketing").load(location.href+" #card-marketing>","");
        $("#card-inventario").load(location.href+" #card-inventario>","");
        $("#card-ti").load(location.href+" #card-ti>","");
    }
    // Exibição de indicador de vídeos por card :::
    function checkRowsTables(division) {
        if ( division == 4 ) {
            var tabela = document.getElementById('tb-caixa');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-caixa').style.display = 'block'
            }
        } else if ( division == 5 ) {
            var tabela = document.getElementById('tb-crediario');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-crediario').style.display = 'block'
            }
        } else if ( division == 10 ) {
            var tabela = document.getElementById('tb-core');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-core').style.display = 'block'
            }
        } else if ( division == 8 ) {
            var tabela = document.getElementById('tb-logistica');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-logistica').style.display = 'block'
            }
        } else if ( division == 7 ) {
            var tabela = document.getElementById('tb-vendas');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-vendas').style.display = 'block'
            }
        } else if ( division == 2 ) {
            var tabela = document.getElementById('tb-contabilidade');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-contabilidade').style.display = 'block'
            }
        } else if ( division == 3 ) {
            var tabela = document.getElementById('tb-rh');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-rh').style.display = 'block'
            }
        } else if ( division == 6 ) {
            var tabela = document.getElementById('tb-marketing');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-marketing').style.display = 'block'
            }
        } else if ( division == 9 ) {
            var tabela = document.getElementById('tb-inventario');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-inventario').style.display = 'block'
            }
        } else if ( division == 1 ) {
            var tabela = document.getElementById('tb-ti');
            var linhas = tabela.getElementsByTagName('tr');
            if( linhas.length == 1 ) {
                document.getElementById('status-info-ti').style.display = 'block'
            }
        }
    }
</script>