@extends('layouts.app')

@section('content')
<div class="container-fluid p-0 visita">
    <div class="container-fluid p-0 d-none d-md-block">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active" aria-current="page">Visitas</li>
            </ol>
        </nav>
    </div>

    @include('includes.alerts')

    <div class="row d-none d-md-block">
        <inputs-pesquisa-filtros
            :promotores="{{json_encode($promotores)}}"
            :supermercados="{{json_encode($supermercados)}}"
            :fornecedores="{{json_encode($fornecedores)}}"
            :status="{{ json_encode($lista_status) }}"
            :redes="{{json_encode($supermercado_rede)}}"
            :request="{{ collect(request()->all()) }}"
            action="{{ route('visitas.index') }}"
            urlpath="visitas"
            :datas="{{ json_encode(Request::query()) }}"
            :errors="{{ json_encode($errors->messages()) }}"
        ></inputs-pesquisa-filtros>
    </div>

    <div class="row">
        <div class="d-md-none">
            <div class="col-12 d-flex justify-content-between align-items-center mb-2">
                <h1 class="mb-0 fs-3">Lista de Visitas</h1>
                <div class="d-flex justify-content-end align-items-center">
                    <search-visitas-component
                    :lista-status="{{ $lista_status }}"
                    :fornecedores="{{ $fornecedores }}"
                    :supermercados="{{ $supermercados }}"
                    :promotores="{{ $promotores }}"
                    :id_perfil={{Auth::user()->id_perfil}}
                    base="{{ env("APP_URL") }}"
                    ></search-visitas-component>

                    @if(Auth::user()->id_perfil == 2)
                    <a href="{{ route('visitas.create') }}" class="btn btn-sm btn-outline-success">
                        <div class="d-flex align-items-center">
                            <i class="align-middle me-1" data-feather="plus"></i>
                            <span>Agendar Visita</span>
                        </div>
                    </a>
                    @endif
                </div>
            </div>

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Visitas De Hoje</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Outras Visitas</button>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
                    @forelse ($visitasHoje as $index => $visita)
                    <div class="col-12 mb-2">
                        <div class="card card-visita mb-0 shadow-sm">
                            <div class="card-body p-2">
                                <div class="d-flex justify-content-between align-items-center">
                                    <button class="btn d-flex justify-content-between align-items-center w-100 ps-0 btn-collapse-custom" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseVisita-{{$visita->id_visita}}" aria-expanded="false" aria-controls="collapseVisita-{{$visita->id_visita}}">
                                        <div class="d-flex flex-column align-items-start">
                                            <small>Visita #{{$visita->id_visita}}</small>
                                            <span>{{$visita->supermercado_nome}}</span>
                                            <span>{{substr(strtolower($visita->fornecedor_nome), 0, 20) }}</span>
                                            <small>
                                            @php
                                                $date_agenda=date_create($visita->dt_agenda);
                                            @endphp
                                            {{ $visita->dt_agenda != null ? date_format($date_agenda,"d/m/Y H:i") : '-' }}
                                            </small>
                                            @switch($visita->id_status_visita)
                                            @case(1)
                                                <span class="badge mt-1 text-bg-primary">{{$visita->status}}</span>
                                                @break
                                            @case(2)
                                                <span class="badge mt-1 text-bg-warning">{{$visita->status}}</span>
                                                @break
                                            @case(3)
                                                <span class="badge mt-1 text-bg-secondary">{{$visita->status}}</span>
                                                @break
                                            @case(4)
                                                <span class="badge mt-1 text-bg-success">{{$visita->status}}</span>
                                                @break
                                            @case(5)
                                                <span class="badge mt-1 text-bg-danger">{{$visita->status}}</span>
                                                @break
                                            @endswitch
                                        </div>
                                        <i class="align-middle ms-2" data-feather="chevron-down"></i>
                                    </button>
                                    <div class="d-flex align-items-center mx-2">
                                        <a href="{{ route('visitas.edit', $visita->id_visita) }}" class="btn btn-sm btn-outline-dark">
                                            <i class="align-middle" data-feather="eye"></i>
                                        </a>

                                        @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                            <a href="{{ route('visitas.show', $visita->id_visita) }}" class="btn btn-sm btn-outline-danger ms-2">
                                                <i class="align-middle" data-feather="trash-2"></i>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                                <div class="collapse" id="collapseVisita-{{$visita->id_visita}}">
                                <div class="row g-2 align-items-center">
                                    <hr class="mt-4 mb-2" />
                                    <div class="col-6 d-flex flex-column">
                                    <strong>Check-in:</strong>
                                    <span>
                                        @php
                                            $date_checkin=date_create($visita->checkin);
                                        @endphp
                                        {{ $visita->checkin != null ? date_format($date_checkin,"d/m/Y H:i") : '-' }}
                                    </span>
                                    </div>

                                    <div class="col-6 d-flex flex-column">
                                        <strong>Check-out:</strong>
                                        <span>
                                            @php
                                                $date_checkout=date_create($visita->checkout);
                                            @endphp
                                            {{ $visita->checkout != null ? date_format($date_checkout,"d/m/Y H:i") : '-' }}
                                        </span>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                    <div class="col-12">
                        <div class="card shadow-sm">
                            <div class="card-body text-center">
                                <h5 class="mb-0">Nenhuma visita encontrada</h5>
                            </div>
                        </div>
                    </div>
                    @endforelse
                </div>
                <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
                    @forelse ($visitas as $index => $visita)
                    <div class="col-12 mb-2">
                        <div class="card card-visita mb-0 shadow-sm">
                            <div class="card-body p-2">
                                <div class="d-flex justify-content-between align-items-center">
                                    <button class="btn d-flex justify-content-between align-items-center w-100 ps-0 btn-collapse-custom" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseVisita-{{$visita->id_visita}}" aria-expanded="false" aria-controls="collapseVisita-{{$visita->id_visita}}">
                                        <div class="d-flex flex-column align-items-start">
                                            <small>Visita #{{$visita->id_visita}}</small>
                                            <span>{{$visita->supermercado_nome}}</span>
                                            <span>{{substr(strtolower($visita->fornecedor_nome), 0, 20) }}</span>
                                            <small>
                                            @php
                                                $date_agenda=date_create($visita->dt_agenda);
                                            @endphp
                                            {{ $visita->dt_agenda != null ? date_format($date_agenda,"d/m/Y H:i") : '-' }}
                                            </small>
                                            @switch($visita->id_status_visita)
                                            @case(1)
                                                <span class="badge mt-1 text-bg-primary">{{$visita->status}}</span>
                                                @break
                                            @case(2)
                                                <span class="badge mt-1 text-bg-warning">{{$visita->status}}</span>
                                                @break
                                            @case(3)
                                                <span class="badge mt-1 text-bg-secondary">{{$visita->status}}</span>
                                                @break
                                            @case(4)
                                                <span class="badge mt-1 text-bg-success">{{$visita->status}}</span>
                                                @break
                                            @case(5)
                                                <span class="badge mt-1 text-bg-danger">{{$visita->status}}</span>
                                                @break
                                            @endswitch
                                        </div>
                                        <i class="align-middle ms-2" data-feather="chevron-down"></i>
                                    </button>
                                    <div class="d-flex align-items-center mx-2">
                                        <a href="{{ route('visitas.edit', $visita->id_visita) }}" class="btn btn-sm btn-outline-dark">
                                            <i class="align-middle" data-feather="eye"></i>
                                        </a>

                                        @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                            <a href="{{ route('visitas.show', $visita->id_visita) }}" class="btn btn-sm btn-outline-danger ms-2">
                                                <i class="align-middle" data-feather="trash-2"></i>
                                            </a>
                                        @endif
                                    </div>
                                </div>
                                <div class="collapse" id="collapseVisita-{{$visita->id_visita}}">
                                <div class="row g-2 align-items-center">
                                    <hr class="mt-4 mb-2" />
                                    <div class="col-6 d-flex flex-column">
                                    <strong>Check-in:</strong>
                                    <span>
                                        @php
                                            $date_checkin=date_create($visita->checkin);
                                        @endphp
                                        {{ $visita->checkin != null ? date_format($date_checkin,"d/m/Y H:i") : '-' }}
                                    </span>
                                    </div>

                                    <div class="col-6 d-flex flex-column">
                                        <strong>Check-out:</strong>
                                        <span>
                                            @php
                                                $date_checkout=date_create($visita->checkout);
                                            @endphp
                                            {{ $visita->checkout != null ? date_format($date_checkout,"d/m/Y H:i") : '-' }}
                                        </span>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @empty
                    <div class="col-12">
                        <div class="card shadow-sm">
                            <div class="card-body text-center">
                                <h5 class="mb-0">Nenhuma visita encontrada</h5>
                            </div>
                        </div>
                    </div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="d-none d-md-block w-100">
            <div class="col-12">
                <form id="excluirVisitasForm" action="{{ route('visitas.excluirEmMassa') }}" method="POST">
                    @csrf
                    <div class="card shadow-sm d-none d-md-block">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0">Lista de Visitas</h5>
                            @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                            <div class="d-flex align-items-center">
                                <button type="button" class="btn btn-sm btn-outline-danger excluirButton me-2 d-none" id="deleteButton">
                                    <i class="align-middle me-2" data-feather="trash-2"></i>
                                    <span>Deletar visitas</span>
                                </button>

                                <div class="btn-group" role="group" aria-label="Basic example">
                                    <a href="{{ route('importer.visitasPrepare') }}" class="btn btn-sm btn-outline-success d-flex align-items-center">
                                        <div class="d-flex align-items-center">
                                            <i class="align-middle me-1" data-feather="upload"></i>
                                            <span>Importas Visitas</span>
                                        </div>
                                    </a>
                                    <a href="{{ route('visitas.create') }}" class="btn btn-sm btn-outline-success d-flex align-items-center">
                                        <div class="d-flex align-items-center">
                                            <i class="align-middle me-1" data-feather="plus"></i>
                                            <span>Agendar Visita</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            @endif
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-sm table-striped">
                                    <thead>
                                        <tr>
                                            @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                            <th></th>
                                            @endif
                                            <th></th>
                                            <th>Promotor</th>
                                            <th>Fornecedor</th>
                                            <th>Supermercado</th>
                                            <th>Staus</th>
                                            <th>
                                                <div class="d-flex align-items-center">
                                                    <span>Agenda</span>
                                                    @if(Request::get('orderBy') == 'dt_agenda')
                                                        @if(Request::has('order') && Request::get('order') == 'asc')
                                                            <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'dt_agenda', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                        @else
                                                            <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'dt_agenda', 'order' => 'asc'])) }}"><i class="align-middle" data-feather="chevron-up"></i></a>
                                                        @endif
                                                    @else
                                                        <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'dt_agenda', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                    @endif
                                                </div>
                                            </th>
                                            <th>
                                                <div class="d-flex align-items-center">
                                                    <span>Check-in</span>
                                                    @if(Request::get('orderBy') == 'checkin')
                                                        @if(Request::has('order') && Request::get('order') == 'asc')
                                                            <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkin', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                        @else
                                                            <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkin', 'order' => 'asc'])) }}"><i class="align-middle" data-feather="chevron-up"></i></a>
                                                        @endif
                                                    @else
                                                        <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkin', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                    @endif
                                                </div>
                                            </th>
                                            <th>
                                                <span>Check-out</span>
                                                @if(Request::get('orderBy') == 'checkout')
                                                    @if(Request::has('order') && Request::get('order') == 'asc')
                                                        <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkout', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                    @else
                                                        <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkout', 'order' => 'asc'])) }}"><i class="align-middle" data-feather="chevron-up"></i></a>
                                                    @endif
                                                @else
                                                    <a href="{{ route('visitas.index', array_merge(Request::except(['id_user', 'id_user_gestor']), ['orderBy' => 'checkout', 'order' => 'desc'])) }}"><i class="align-middle" data-feather="chevron-down"></i></a>
                                                @endif
                                            </th>
                                            <th>Visita validada</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($visitas as $visita)
                                            <tr>
                                                @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                                    <td>
                                                        <input type="checkbox" class="visita-checkbox" name="ids[]" value="{{ $visita->id_visita }}">
                                                    </td>
                                                @endif
                                                <td>#{{ $visita->id_visita }}</td>
                                                <td>{{ $visita->promotor_nome }}</td>
                                                <td>{{ $visita->fornecedor_nome }}</td>
                                                <td>{{ $visita->supermercado_nome }}</td>
                                                <td>
                                                    @switch($visita->id_status_visita)
                                                    @case(1)
                                                        <span class="badge text-bg-primary">{{$visita->status}}</span>
                                                        @break
                                                    @case(2)
                                                        <span class="badge text-bg-warning">{{$visita->status}}</span>
                                                        @break
                                                    @case(3)
                                                        <span class="badge text-bg-secondary">{{$visita->status}}</span>
                                                        @break
                                                    @case(4)
                                                        <span class="badge text-bg-success">{{$visita->status}}</span>
                                                        @break
                                                    @case(5)
                                                        <span class="badge text-bg-danger">{{$visita->status}}</span>
                                                        @break
                                                    @endswitch
                                                </td>
                                                <td>
                                                    @php
                                                        $date=date_create($visita->dt_agenda);
                                                    @endphp
                                                        {{ $visita->dt_agenda != null ? date_format($date,"d/m/Y") : '-' }}
                                                </td>
                                                <td>
                                                    @php
                                                        $date_checkin=date_create($visita->checkin);
                                                    @endphp
                                                    {{ $visita->checkin != null ? date_format($date_checkin,"d/m/Y H:i:s") : '-' }}
                                                </td>
                                                <td>
                                                    @php
                                                        $date_checkout=date_create($visita->checkout);
                                                    @endphp
                                                    {{ $visita->checkout != null ? date_format($date_checkout,"d/m/Y H:i:s") : '-' }}
                                                </td>
                                                <td>
                                                    @php
                                                        $date_validada=date_create($visita->visita_validada);
                                                    @endphp
                                                    {{ $visita->visita_validada != null ? date_format($date_validada,"d/m/Y H:i:s") : '-' }}
                                                </td>
                                                <td class="text-end">
                                                    <div class="btn-group btn-group-sm" role="group" aria-label="Basic outlined example">
                                                        @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                                            <a href="{{ route('visitas.editVisitaGestor', $visita->id_visita) }}" class="btn btn-outline-dark">
                                                                <i class="align-middle" data-feather="edit"></i>
                                                            </a>
                                                            <a href="{{ route('visitas.edit', $visita->id_visita) }}" class="btn btn-outline-dark">
                                                                <i class="align-middle" data-feather="eye"></i>
                                                            </a>
                                                        @endif

                                                        @if(Auth::user()->id_perfil == 3)
                                                            <a href="{{ route('visitas.edit', $visita->id_visita) }}" class="btn btn-outline-dark">
                                                                <i class="align-middle" data-feather="eye"></i>
                                                            </a>
                                                        @endif

                                                        @if(Auth::user()->id_perfil == 1 || Auth::user()->id_perfil == 2)
                                                            <a href="{{ route('visitas.show', $visita->id_visita) }}" class="btn btn-outline-danger">
                                                                <i class="align-middle" data-feather="trash-2"></i>
                                                            </a>

                                                            {{-- <button type="button" class="btn btn-outline-danger excluirButton" id="deleteButton">
                                                                <i class="align-middle" data-feather="trash-2"></i>
                                                            </button> --}}
                                                        @endif
                                                    </div>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="12" class="text-center">Nenhum visita encontrada.</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        @if($visitas->total() > 30)
            <div class="col-12">
                <div class="d-flex justify-content-center">
                    {{-- {{ $visitas->appends(request()->input()->expect('dt_agenda_end'))->links() }} --}}
                    {{ $visitas->appends(request()->except(['dt_agenda_end', 'dt_agenda_start', 'dt_agenda', 'id_user', 'id_user_gestor']))->links() }}

                </div>
            </div>
        @endif
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const checkboxes = document.querySelectorAll('.visita-checkbox');
        const deleteButton = document.getElementById('deleteButton');

        checkboxes.forEach(function(checkbox) {
            checkbox.addEventListener('change', function() {
                const checkedCheckboxes = document.querySelectorAll('.visita-checkbox:checked');
                if (checkedCheckboxes.length > 0) {
                    deleteButton.classList.remove('d-none');
                } else {
                    deleteButton.classList.add('d-none');
                }
            });
        });

        deleteButton.addEventListener('click', function() {
            const checkedCheckboxes = document.querySelectorAll('.visita-checkbox:checked');
            if (checkedCheckboxes.length === 0) {
                alert('Por favor, selecione pelo menos uma visita para excluir.');
            } else if (confirm('Você tem certeza que deseja excluir as visitas selecionadas? Esta ação não pode ser revertida.')) {
                document.getElementById('excluirVisitasForm').submit();
            }
        });
    });
</script>
@endpush