@extends('admin.base-admin')
@php
    $contador_tot=0;
    $contador = 0;
    $contador_ = 0;
@endphp
<style>
    .media-body {
        border-bottom: 1px solid #6f6f6f40;
        font-family: poppins;
        padding: 10px;
        width: 80%;
        margin: auto;
    }
    .admin[data-isdarkmode="true"] .media-body{
        border-bottom: 1px solid #9a9a9a2e;
    }

    .dropdown-menu{
        padding: 0;
    }

    .admin[data-isdarkmode="true"]  .dropdown-menu{
        background: #1e212b;
    }

    .dropdown-menu a{
        padding: 10px 15px;
    }

    .admin[data-isdarkmode="true"]  .dropdown-menu a{
        color: #ececec;
    }

    .admin[data-isdarkmode="true"]  .dropdown-menu a:hover{
        background: #15171f;
    }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
    $(document).ready(function() {
        $(".chamado_table").change( function() {
                let filtro = $(this).val()
                if(filtro === 'sol'){
                    $.get("{{route('tabela_Solucionados')}}", {filtro: '-3 days'},
                        (result) => {
                            $('#tabelachamado').html(result);
                            $('.chamado_table_solu').removeClass('hidden')

                        }

                    );
                }else{
                    $.post('{{route("tabela_Chamado")}}', {filtro: filtro,  "_token": "{{ csrf_token() }}"}, (result) => {
                        $("#tabelachamado").html(result)
                    })
                }
        })

        $(document).on('click',".chamado_modal", function() {

                let id = $(this).attr("data-value")
                let tipo = $(this).attr('title')
                console.log(id)
                $.post('{{route("conteudo_Chamado")}}', {idchamado: id,  "_token": "{{ csrf_token() }}", 'tipo' : tipo}, (result) => {
                    $("#conteudomodal").html(result)
                })
        })

        $(document).on('click',".filtro", function() {
                let id = $(this).attr("data-value")
                $('.filtro').html('<i class=" fa fa-sort ml-2"></i>')
                if($(this).attr('title') == 'desc'){
                    $(this).html('<i class=" bi bi-caret-up-fill ml-2"></i>')
                    $(this).attr('title', 'asc')
                }else{
                    $(this).html('<i class=" bi bi-caret-down-fill ml-2"></i>')
                    $(this).attr('title', 'desc')
                }

                let order = $(this).attr("title")


                $.post('{{route("filtro_Chamado")}}', {id: id,  "_token": "{{ csrf_token() }}", order:order}, (result) => {
                    $("#tabelachamado").html(result)
                })
        })

        $(document).on('click',".status_tec", function() {
            let user = $(this).html()
            let id = $(this).attr("data-value")

            $.post('{{route("alterar_Tec")}}', {'user': user,  "_token": "{{ csrf_token() }}", 'id':id}, (result) => {
                $('.a'+id).html(result)
            })
        })

        $(document).on('click',".status", function() {
            let id = $(this).attr("data-value")
            $('.status-post').attr("data-value", id);

        })

        $(document).on('click',".status-post", function() {
            let status = $(this).attr('id')
            let id = $(this).attr("data-value")
            let user = $(this).attr("data-user");
            $.post('{{route("alterar_Status")}}', {user:user ,status: status,  "_token": "{{ csrf_token() }}", 'id':id}, (result) => {
                window.location.reload()
            })
        })

        $(document).on('click',".gg", function() {
            $(this).hide();
            $('#modalGeral').modal('toggle')
            $('#alert').html(
                '<div class="alert-div wait-alert"><i class="bi bi-exclamation-triangle-fill"></i>Aguarde enquanto enviamos...</div>'
                );
            })

        $(document).on('click',".btn-status", function() {
            $('.btn-status').removeClass('active')
            $(this).addClass('active')
            if($(this).hasClass('s-s')){
                $.get("{{route('tabela_Solucionados')}}", {filtro: '-3 days'},
                    (result) => {
                        $('#tabelachamado').html(result);
                    }
                );
                $('.filtro').addClass('disabled')
                $('.chamado_table').addClass('hidden')
                $('.chamado_table_solu').removeClass('hidden')
            }else{
                $.get("{{route('tabela_Chamado')}}", {filtro: 'status-<=-4'} ,
                    (result) => {
                        $('#tabelachamado').html(result);
                    }
                );
                $('.filtro').removeClass('disabled')
                $('.chamado_table').removeClass('hidden')
                $("#conteudo-date-id").html('');
                $('.chamado_table_solu').addClass('hidden')
            }


        })

        $(document).on('click',".sendTo", function() {
            var id = $(this).attr('data-value')
            var user_id = $(this).attr('user-id')

            $.post("{{route('sendTo')}}", {'id': id, 'user_id': user_id ,"_token": "{{ csrf_token() }}"} ,
                (result) => {
                    if(result == 'success'){
                        window.location.reload()
                    }else{
                        $('#alert').html(
                                '<div class="alert-div error-alert"><i class="bi bi-x-circle-fill"></i>Ocorreu um erro ao encaminhar.</div>'
                        );

                    }
                }
            );

        })

        $(document).on('keyup',".chamado_blur_id", function() {
                var valor = $(this).val().length
                if (valor === 4){
                    let filtro = $(this).val()

                    $.post('{{route("tabela_Solucionados")}}', {filtro: filtro,  "_token": "{{ csrf_token() }}"}, (result) => {
                        $("#tabelachamado").html(result)
                    })
                }
        })

        $(document).on('change',".chamado_table_blur", function() {
                    let filtro = $(this).val()
                    $.post('{{route("tabela_Solucionados")}}', {filtro: filtro,  "_token": "{{ csrf_token() }}"}, (result) => {
                        $("#tabelachamado").html(result)
                    })
        })

        $(document).on('change',".chamado_table_solu", function() {
                    let filtro = $(this).val()
                    if(filtro == 'data'){
                        $("#conteudo-date-id").html("<input type='date' class='form-control form-select chamado_table_blur ml-3'  name='time_to_resolve' required pattern='\d{4}-\d{2}-\d{2}'>")
                    }
                    else if (filtro == 'id'){
                        $("#conteudo-date-id").html("<input type='text' class='form-control form-select chamado_blur_id ml-3' placeholder='#ID'>")
                    }else{
                        $.get('{{route("tabela_Solucionados")}}', {filtro: filtro}, (result) => {
                            $("#tabelachamado").html(result)
                            $("#conteudo-date-id").html('');
                        })
                    }

            })
    })


</script>
@section('content')


    <div class="container-fluid mt-2" tabindex="-3">

        {{-- <div class="p-5 mb-5" style="background-image: url({{URL::asset('images/back5.jpg')}}); border-radius:5px;">
            <h1 class="text-center" style="color: aliceblue">Administrador de chamados<i class="fa fa-rocket ml-3" aria-hidden="true" style="color: #fbca0a;"></i></h1>
            <p class="lead text-center" style="color: rgb(224, 224, 224)">Admin chamados - Suporte TI</p>

        </div> --}}

        <div class="row " style="margin: auto ;">

            <div class="col-md-4 text-center mb-4">
                @foreach($daily_chamado as $daily)
                    @php
                        if (date("20y-m-d", strtotime($daily['date_creation'])) == date("Y-m-d", strtotime('-3 hour')) and $daily['status'] != 6) $contador += 1;
                        if (date("20y-m-d", strtotime($daily['date_mod'])) == date("Y-m-d", strtotime('-3 hour')) and $daily['status'] == 5) $contador_ += 1;
                    @endphp
                @endforeach
                <div class="card shadow-sm p-2 admin-stats">
                    <div class="topline" style="background-image: linear-gradient(45deg, #f7b558, #e3a02c);"></div>
                    <h3 class="my-2"><strong>Atividade</strong></h3>
                    <h4>
                        {{$contador}}<i class="bi bi-caret-up-fill ml-2 fadeTop4" style="color:#379d0e;" title="Abertos"></i>
                        <i class="bi bi-caret-down-fill mr-2 fadeDown" style="color:#cf2828" title="Fechados"></i>{{$contador_}}
                    </h4>
                    {{-- <div class="row" style="width: content; font-size: 20px; justify-content : center; align-items: center;">
                        {{$contador}}<i class="bi bi-tree-fill ml-2 fadeTop4" style="color:#379d0e;" title="Abertos"></i>
                        <i class="bi bi-tree-fill mr-2 fadeDown" style="color:rgb(158, 8, 8); transform: rotate(180deg)" title="Fechados"></i>{{$contador_}}
                    </div> --}}
                </div>



            </div>
            <div class="col-md-4 text-center mb-4 " >
                <div class="card shadow-sm p-2 admin-stats">
                    <div class="topline" style="background-image: linear-gradient(45deg, #58f7b4, #0e9d61);"></div>
                    <h3 class="my-2"><strong>Total abertos</strong></h3>
                    <h4 style="color: #0e9d61">
                        @php
                            echo count($chamados);
                        @endphp
                    </h4>
                </div>
            </div>
            <div class="col-md-4 text-center mb-4">
                <div class="card shadow-sm p-2 admin-stats" >
                    <div class="topline" style="background: #cf2828"></div>
                    <div class="row">
                        <div class="col">
                            <h3 class="my-2"><strong>Sem interação</strong></h3>
                            <h4 style="color: #cf2828">
                                @php
                                    echo count($chamados->where('status','!=', '3')->where('date_mod', '<', date("Y-m-d",strtotime("-3 days"))));
                                @endphp
                            </h4>
                        </div>

                    </div>


                </div>
            </div>
            <div class="col-md-8 mt-4">

                    <div class="row mb-4" style="align-items: center">
                        <i class="bi bi-filter mr-2" ></i>
                        <form action="" class="m-0">
                            <select class="form-control chamado_table form-select" name="filtro" id="filtro">
                                <option value="" class="text-muted chamado_table">Filtro</option>
                                <option class="chamado_table" value="status-<=-4">Todos</option>
                                <option class="chamado_table" value="sol">Solucionados</option>
                                <option class="chamado_table" value="users_id-=-{{Auth::user()->id}}">Seus Chamados</option>
                                <option class="chamado_table" value="status-=-4">Andamento</option>
                                <option class="chamado_table" value="status-=-3">Planejados</option>
                                <option class="chamado_table" value="status-=-2">Em aberto</option>
                                <option class="chamado_table" value="status-=-7">Em análise</option>

                                <option class="chamado_table" id="chamado_table" value="interno-">Interno</option>

                            </select>
                        </form>
                        <form action="" class="m-0">
                            <select class="form-control chamado_table_solu hidden form-select" name="filtro_sol" id="filtro_sol">
                                <option value="-3 days" class="text-muted ">Ultimos 3 dias</option>
                                <option value="-5 days">Ultimos 5 dias</option>
                                <option value="-10 days">Ultimos 10 dias</option>
                                <option value="data" >Escolher data</option>
                                <option value="id">Buscar ID</option>

                            </select>


                        </form>
                        <div id="conteudo-date-id" class="pr-3"></div>
                        {{-- <div class="col-md-8 text-left">
                            <a type="button" class=" btn-status n-s active mr-2" >
                                N/ Solucionados
                            </a>

                            <a type="button" class=" btn-status s-s" >Solucionados</a>
                        </div> --}}
                    </div>
                </form>
            </div>
            <div class="col-md-4 text-right mt-4">
                <!-- 2 -->
                <div class="row align-center justify-content-end">
                    <div style="position: relative">
                        <a type="button" class="btn btn-chamado" id="dropdownNewTicket"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <p class="text-center"><i class="bi bi-plus"></i>Novo chamado</p>
                        </a>
                        <div class="dropdown-menu mt-2 p-0 w-100" aria-labelledby="dropdownNewTicket" >
                                <a class="dropdown-item" href="/form/chamado" >Novo chamado</a>
                                <a class="dropdown-item" href="/form/lupa_form" >Lupa</a>
                                <a class="dropdown-item" href="/form/spy_form" >Spy Nobreaks</a>

                        </div>
                    </div>

                </div>

            </div>

            {{-- TITULOS TABELA --}}
            <div class="col-md-12 ">
                <div class="card-header chamado mb-1 row">
                    <div class="col-md-1 " >
                        <p class="text-center">ID
                            <a class="filtro"  data-value="id" title="null">
                                <i class="fa fa-sort mr-2"></i>
                            </a>
                        </p>
                    </div>
                    <div class="col-md-5">
                        <p class="text-left" >
                            CHAMADO</p>
                    </div>
                    <div class="col-md-2" >
                        <p class="text-center ">STATUS
                            <a class="filtro " data-value="status" title="null" >

                                <i class="fa fa-sort mr-2"></i>
                            </a>
                        </p>
                    </div>
                    <div class="col-md-1" >
                        <p class="text-center">ABERTURA

                        </p>
                    </div>

                    <div class="col-md-2" >
                        <p class="text-center" >.MODIFC

                            <a class="filtro" data-value="date_mod" title="null">
                                <i class="fa fa-sort mr-2"></i>
                            </a>
                        </p>
                    </div>




                </div>
            </div>


            <div id="tabelachamado" style="width: 100%;">
                 {{-- CONTEUDO TABELA --}}
                @if (count($chamados) != 0)
                    @foreach($chamados as $chamado)
                            <div class="col-md-12" id="chamado{{$chamado['id']}}">
                                @if (date("Y-m-d H:i:s", strtotime('-3 days')) < $chamado['date_mod'] or $chamado['status'] == 3)
                                    <div class="card-header mb-1 row" style="border-radius:0; height: 7em;">
                                @else
                                    <div class="card-header mb-1 row "  style="border-radius:0; height: 7em;"><div class="alarme-pc" style="top: 0 ; left:0;"></div>
                                @endif
                                @if ($chamado['actiontime'])
                                    <span class="span_dot {{$chamado['actiontime']}}" >
                                        <i class="bi bi-circle-fill"></i>
                                    </span>
                            @endif
                                        <div class="col-md-1" style="align-self: center;" >
                                            {{-- <h5 class="text-center mt-3 fonte id" ><i class="bi bi-snow mr-1" style="opacity: .5;" aria-hidden="true"></i>{{$chamado['id']}}</h5> --}}
                                            <h5 class="text-center fonte id" ><i class="fa fa-hashtag mr-1" aria-hidden="true"></i>{{$chamado['id']}}</h5>
                                        </div>
                                        <div class="col-md-5 popover__wrapper " style="align-self: center;">
                                            <a class="   popover__title btn  chamado_modal" title="conteudo" style="text-transform: none" data-value="{{$chamado['id']}}"  data-toggle="modal" data-target="#modalGeral">
                                                <h5 class="text-left fonte" style="font-family: 'Rubik', sans-serif;" >
                                                    {{$chamado['name'] }}</h5>
                                            </a>
                                            <div class="popover__content">
                                                <p class="popover__message">
                                                    {{$chamado['content_obs']}}
                                                </p>
                                            </div>
                                        </div>
                                        {{-- STATUS (ABERTO/EM ANDAMENTO) --}}
                                        @if  ($chamado['status'] == '2' )
                                            <div class="col-md-2 text-center" style="align-self: center;">
                                                <span class=" status" data-toggle="modal" data-target="#modalStatus" data-value="{{$chamado['id']}}" style="align-items: center; color:#01b86b;">Aberto
                                                    <p class="mb-0"></strong></p>
                                                    <svg class="w-44 " height="6" viewBox="0 0 40 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <rect width="40" height="6" rx="3" fill="#2D2D2D"></rect>
                                                        <rect width="40" height="6" rx="3" fill="url(#paint0_linear)"></rect>

                                                        <defs><linearGradient id="paint0_linear" x1="0" y1="0" x2="1" y2="0">
                                                            <stop class="verde" stop-color="#58f7b4"></stop><stop offset="1" stop-color="#0e9d61"></stop>
                                                        </linearGradient></defs>
                                                    </svg>
                                                </span>
                                            </div>
                                        @endif
                                        @if  ($chamado['status'] == '3' )

                                            <div class="col-md-2  text-center popover__wrapper  " data-toggle="modal" data-target="#modalStatus" data-value="{{$chamado['id']}}" style="align-self: center;"><span class=" popover__title" style="align-items: center;color: #04a3ff;"><p class="text-center">Planejado</strong></p></span>
                                                <div class="row justify-content-center">
                                                    @if ($chamado['time_to_resolve'] != null)
                                                        <svg class="w-44 " height="6" viewBox="0 0 40 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                            <rect width="40" height="6" rx="3" fill="#2D2D2D"></rect>
                                                            <rect width="40" height="6" rx="3" fill="url(#paint1_linear)"></rect>

                                                            <defs><linearGradient id="paint1_linear" x1="0" y1="0" x2="1" y2="0">
                                                                <stop  stop-color="#61c5ff"></stop><stop offset="1" stop-color="#04a3ff"></stop>
                                                            </linearGradient></defs>
                                                        </svg>
                                                        <div class="popover__content" style="left: 90px;">
                                                            <p class="popover__message">
                                                                {{date('d/m/20y', strtotime($chamado['time_to_resolve']))}}
                                                            </p>
                                                        </div>
                                                    @else
                                                    <span class="category-tags ">
                                                        <div class="category mt-2" style="background: #04a3ff; padding: 10px;">
                                                            <img src="{{URL::asset('images/suppliers/'.$chamado['suppliers_id'].'.png')}}" width="40" alt="">

                                                        </div>
                                                    </span>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                        @if ($chamado['status'] == '4')
                                            <div class="col-md-2  text-center " style="align-self: center;" ><span class="status" style="align-items: center; color:rgb(228, 182, 32)" type="button" data-toggle="modal" data-target="#modalStatus" data-value="{{$chamado['id']}}">Andamento</strong></span>
                                                <div class="row justify-content-center">

                                                    {{-- Atribuido para : --}}
                                                    <span class="category-tags atribuido dropdown">
                                                        <div class="category mt-2 a{{$chamado['id']}}"  role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                            {{explode(' ', $tec[$chamado['users_id']])[0]}}
                                                        </div>
                                                        <div class="dropdown-menu " aria-labelledby="dropdownMenuButton" >

                                                            @foreach ($tec_list as $t )
                                                                <a class="dropdown-item status-post" type="button" href="?" id="4" data-user="{{$t['id']}}" data-value="{{$chamado['id']}}">{{$t['name']}}</a>

                                                            @endforeach


                                                        </div>
                                                    </span>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-1 text-center" style="align-self: center;">
                                            <h5 class="">{{date('d/m/20y', strtotime($chamado['date_creation'])) }}</h5>
                                        </div>
                                        <div class="col-2 text-center" style="align-self: center;">

                                                @if (date("Y-m-d H:i:s", strtotime('-3 days')) < $chamado['date_mod'] or $chamado['status'] == 3)
                                                    <h5 class="">{{date('d/m/20y', strtotime($chamado['date_mod'])) }}</h5>
                                                @else
                                                    <h5 class=" " style="color:rgba(216, 6, 6, 0.811)">{{date('d/m/20y', strtotime($chamado['date_mod'])) }}</h5>

                                                        @if(date("m") == date('m', strtotime($chamado['date_mod'])))
                                                            <span class="text-muted "><h6>{{date("d") - date('d', strtotime($chamado['date_mod'])) }} dias s/ interação</h6></span>
                                                        @else
                                                            <span class="text-muted ">(Há muito tempo)</span>
                                                        @endif
                                                @endif
                                        </div>
                                        <div class="tools_btn">
                                            <a  type="button" class="botinho chamado_modal" data-value="{{$chamado['id']}}"   data-toggle="modal" data-target="#modalGeral" title="solucao">
                                                <h5  class="text-center botao_verde m-0" ><i class="bi bi-check-circle-fill"></i></h4>
                                            </a>
                                            <a type="button" class="botinho chamado_modal" data-value="{{$chamado['id']}}"   data-toggle="modal" data-target="#modalGeral" title="acomp">
                                                <h5 class="text-center m-0" style="color: rgb(255, 174, 0);"><i class="bi bi-chat-right-dots-fill"></i></h4>
                                            </a>
                                            <a type="button" class="botinho chamado_modal lupa-icon" data-value="{{$chamado['id']}}"  data-toggle="modal" data-target="#modalGeral" title="lupa">
                                                <div></div>
                                                {{-- <h5 class="text-center" style="color: rgb(0, 151, 252);"><i class="bi bi-search"></i></h4> --}}
                                            </a>
                                            <a type="button" id="dropdownPop"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <h5 class="text-center"><i class="bi bi-send-fill"></i></h5>
                                            </a>
                                            <div class="dropdown-menu " aria-labelledby="dropdownPop" >
                                                    <a class="dropdown-item sendTo" user-id="143" data-value="{{$chamado['id']}}">RH</a>
                                                    <a class="dropdown-item sendTo" user-id="149" data-value="{{$chamado['id']}}">Logistica</a>
                                                    <a class="dropdown-item sendTo" user-id="150" data-value="{{$chamado['id']}}">Contabilidade</a>
                                                    <a class="dropdown-item sendTo" user-id="148" data-value="{{$chamado['id']}}">Financeiro</a>
                                                    <a class="dropdown-item sendTo" user-id="137" data-value="{{$chamado['id']}}">Crediário</a>
                                                    <a class="dropdown-item sendTo" user-id="54" data-value="{{$chamado['id']}}">Rian</a>
                                            </div>

                                        </div>

                                    </div>
                            </div>
                            {{-- MODAL STATUS --}}

                            <div class= "modal fade " id="modalStatus" tabindex="1"  aria-hidden="true">
                                <div class="modal-dialog modal-xl" style="max-width: 600px;">
                                    <div class="modal-content">
                                        <div id="status-conteudo">

                                            <div class="modal-body">
                                                    <div class="card-body">
                                                        <div class="row justify-content-center dropdown">
                                                            <a type="button" class="btn btn-success btn-sm mx-2 status-post" style="color: rgb(254, 254, 254) !important; font-weight: bold;" data-value="{{$chamado['id']}}" name="" id="2">Aberto</a>
                                                            <a class="btn btn-warning btn-sm mx-2" style="color: rgb(254, 254, 254) !important; font-weight: bold;" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Em andamento<i class="bi bi-chevron-compact-down ml-2"></i></a>
                                                            <div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
                                                                @foreach ($tec_list as $t )
                                                                    <a class="dropdown-item status-post" id="4" data-user="{{$t['id']}}" data-value="{{$chamado['id']}}">{{$t['name']}}</a>

                                                                @endforeach

                                                            </div>
                                                            <a class="btn btn-danger btn-sm  mx-2 status-post" style="color: rgb(254, 254, 254) !important; font-weight: bold;" data-value="{{$chamado['id']}}" name="" id="6">Fechado</i></a>

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

                                        </div>
                                    </div>
                                </div>
                            </div>
                    @endforeach

                @else
                    <div class="col-md-12" id='NONE' name='NONE' style="padding-top: 15rem;">


                        <div class="cup">
                            <div class="coffee"></div>
                          </div>
                          <div class="smoke"></div>

                    </div>
                    <h1 class="text-center" style="color: #777;">Nada aqui, tome um cafézinho enquanto isso</h1>

                    <div class="col-md-12" style="padding: 140px"></div>
                @endif
            </div>

        </div>
        {{-- MODAL CHAMADOS --}}
        <div class= "modal fade " id="modalGeral" tabindex="-1"  aria-hidden="true">
            <div class="modal-dialog modal-xl" style="">
                <div class="modal-content " >
                    <div id="conteudomodal">

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



    </div>
    <div id="alert">
    </div>



    <!--FORM VALIDATE-->
    <div class="col-3 offset-9 fixed-bottom" id='success'>
    @if ($message = Session::get('success'))
        <div id="alert">
            <div class="alert-div success-alert">
                <i class="bi bi-check-circle-fill"></i>
                <p>
                    {{$message}}</p>
            </div>
        </div>
    @endif
    @if ($message = Session::get('success_solu'))

        <div id="alert">
            <div class="alert-div success-alert">
                <i class="bi bi-check-circle-fill"></i>
                <p>
                <strong>Sucesso!</strong><br>
                Chamado ID: <strong>{{$message}}</strong> restaurado</p>
            </div>
        </div>

    @endif
    @if ($message = Session::get('error'))

        <div id="alert">
            <div class="alert-div error-alert">
                <i class="bi bi-x-circle-fill"></i>
                <p>
                <strong>Ocorreu um erro!</strong><br> Favor entrar em contato com o desenvolvedor.</p>
            </div>
        </div>
    @endif
    </div>

    @if ($message = Session::get('error_estoque'))
    <div id="alert">
        <div class="alert-div error-alert">
            <i class="bi bi-x-circle-fill"></i>
            <p>
            <strong>Ocorreu um erro!</strong><br> Verificar quantidade disponível no estoque.</p>
        </div>
    </div>
    @endif

    {{-- FOOTER --}}
    <div class="text-center p-4 text-muted" >
        © 2022 Desenvolvido por : Casas da Água
    </div>


@endsection