@foreach ($conteudo as $chamado)
    <div class="modal-header" >
        <h5 class="text-muted">#{{$chamado['id']}}</h5>

        <button type="button" id="fechar_modal" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="modal-body row">

        @if (count($acomp) != 0)


        <script>
            $('.chat-container').animate({
                scrollTop: $(this)
                .height() // aqui introduz o numero de px que quer no scroll, neste caso é a altura da propria div, o que faz com que venha para o fim
            });
        </script>
        <div class="col-md-6">
        <div class="back-chat">

            <h4 class="py-3 text-center m-0" style="color: #878787; background:#0000001f; border-radius: 5px 5px 0 0"">Acompanhamentos</h4>

            <div class="p-4 chat-container">


            {{-- ACOMPANHAMENTO --}}
            @foreach ($acomp as $acompanha)
                @if ($acompanha['status'] <= 2)
                    <div class="row my-4" style="align-items: center;">
                        <div class="col-md-2" style="align-items: center;">
                            <div class="chat">
                                <img src="{{ URL::asset('storage/' . $acompanha['photo']) }}"
                                    width="50" height="50" style="border-radius: 50%;"
                                    alt="...">
                                <div class="info text-center">
                                    <h5 class="mt-2">{{ $tec[$acompanha['users_id']] }}</h5>
                                    <span
                                        class="text-muted">{{ date('d/m', strtotime($acompanha['date_creation'])) }}<span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class=" text-left chat-you" style="width: fit-content">
                                <p class="m-0 f1">{!! html_entity_decode($acompanha['content']) !!}</p>
                                @if ($acompanha['status'] == 2)
                                    <div class="p-2 text-right">
                                        <span>Enviado para: <strong>LUPA</strong><span>
                                    </div>
                                @endif
                                @if ($acompanha['anexo'] != null && $acompanha['anexo'] != 0)
                                    <div class="py-2 text-right">
                                        <a
                                        href="{{ URL::asset('storage/chamado/' . $acompanha['anexo']) }}"
                                        download>
                                        <i class="bi bi-paperclip"></i>Anexo</a>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @else
                    <div class="flex flex-row-reverse justify-content-end align-items-center my-4">
                        <div class="col-md-2" style="align-items: center;">
                            <div class="chat">
                                <img src="{{ URL::asset('storage/' . $acompanha['photo']) }}"
                                     width="50" height="50" style="border-radius: 50%;"
                                    alt="...">
                                <div class="info text-center">
                                    <h5 class="mt-2">{{ $tec[$acompanha['users_id']] }}</h5>
                                    <span
                                        class="text-muted">{{ date('d/m', strtotime($acompanha['date_creation'])) }}<span>
                                </div>
                            </div>
                        </div>
                        <div class="col flex justify-content-end">
                            <div class=" text-left chat-op " style="width: fit-content">
                                <p class="m-0 f1">{!! $acompanha['content'] !!}</p>
                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>
        </div>
        <form method="post"
            action="{{ route('acompadmin', ['type' => 'acompanhamento', 'id' => $chamado['id'], 'email' => $chamado['email']])}}" class=" response-form">
            @csrf
            <textarea required minlength="0"  class="response" placeholder="Digite aqui..." name="msg" id=""
                cols="50" rows="2"></textarea>
            <button class="response-acomp-btn" type="submit"><i class="bi bi-arrow-right-square-fill"></i></button>



        </form>
        @endif

    </div>
    <div class="col">
        <div class="w-100 p-3 " style="background: #18387d; border-radius: 5px 5px 0 0">

            @if($chamado->types->name != 'Core' && $chamado->types->name != 'Chat' && $chamado->types->name != 'Email'  && $chamado->types->name != 'Usuário' && $chamado->types->name != 'Assinatura')
                <h5 class="text-center title-bold" style="color:#fff">{{$chamado->types->name }} / {{$chamado->category->name}}</h4>
            @else
                <h5 class="text-center title-bold" style="color:#fff">{{$chamado->types->name}}</h4>
            @endif
        </div>

            {{-- CONTEUDO CHAMADO --}}


            <div class="card shadow-sm text-center ">
                <div class="content-chamado-card"><h5 class="mb-5">{!! html_entity_decode($chamado['content']) !!}</h5></div>


                @if ($chamado['anexo'] != null)
                    @if ($chamado->types->name == 'Assinatura' && $chamado['actiontime'] == 'allow')
                        <div class="row justify-content-center my-4">
                            <img src="{{ URL::asset('storage/chamado/att/' . $chamado['anexo']) }}" width="600"
                                alt="">
                        </div>

                    @else
                    <div class="row justify-content-center my-4">

                            <a style="justify-content: center; display: flex; align-items:center;"
                            href="{{ URL::asset('storage/chamado/' . $chamado['anexo']) }}"
                            download>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-download mr-2" viewBox="0 0 16 16">
                                <path
                                    d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" />
                                <path
                                    d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" />
                            </svg><span class="mr-2">Baixar anexo</span>
                        </a>
                    </div>
                    @endif

                @endif
                @if ($chamado->types->name == 'Agendamento')
                    <div class="card mt-5">
                        <div class="card-body alert alert-info">
                            <h5 class="text-center">Disponibilizar equipamento <br><br> <strong>{{ $item['type'] }} -
                                    {{ $item['model'] }}<br> TAG: {{ $item['selo'] }}</strong></h5>
                        </div>
                    </div>
                @endif

                <p class="text-center text-muted p-2">Data de abertura:<br>
                    <strong>{{ date('d/m/20y H:i', strtotime($chamado['date_creation'])) }}</strong></p>

            </div>


        </div>
    </div>
    <div class="modal-footer flex justify-content-between">

            <div class="col">
                @if ($chamado['status'] == '2')
                    <span class="" style="align-content:end; color:rgb(51, 214, 100);">Aberto</strong><i
                            class="bi bi-record-fill ml-1"></i></span>
                @endif
                @if ($chamado['status'] == '3')
                    <span class="text-muted " style="align-content:end;">Planejado</strong><i
                            class="bi bi-calendar2-check ml-1" style="color:rgb(0, 204, 255);"></i><strong>
                            @if ($chamado['time_to_resolve'] != null)
                                - {{ date('d/m/Y', strtotime($chamado['time_to_resolve'])) }}
                            @else
                                - Lupa
                            @endif
                        </strong></span>
                @endif
                @if ($chamado['status'] == '4')
                    <span class="text-muted" style="align-content:end;">Em andamento</strong><i
                            class="bi bi-record-fill ml-1" style="color:rgb(255, 203, 30);"></i></span>
                @endif
            </div>
            <div class="col">
                <div class="tools_btn">
                    <a  type="button" class="botinho chamado_modal" data-value="{{$chamado['id']}}" title="solucao">
                        <h5  class="text-center botao_verde" ><i class="bi bi-check-circle-fill"></i></h4>
                    </a>
                    <a type="button" class="botinho chamado_modal" data-value="{{$chamado['id']}}" title="acomp">
                        <h5 class="text-center" 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']}}" title="lupa">
                        <div></div>
                    </a>
                    <a type="button" class="botinho chamado_modal" data-value="{{ $chamado['id'] }}"
                        title="agenda">
                        <h5 class="text-center" style="color: rgb(218, 218, 218);"><i
                                class="bi bi-calendar-date"></i></h5>
                    </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>

                    </div>

                </div>
            </div>

        </div>
    </div>
@endforeach