@extends('layouts.app')

@section('content')
    <div class="container-fluid p-0">
        <div class="container-fluid p-0">
            <div class="container-fluid p-0">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('visitas.index') }}">Visitas</a></li>
                        <li class="breadcrumb-item" aria-current="page">Cancelar visita</li>
                        <li class="breadcrumb-item active" aria-current="page">{{ $visita->id_visita }}</li>
                    </ol>
                </nav>
            </div>
        </div>

        @include('includes.alerts')
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
            <strong>Atenção</strong> Esta ação não poderá ser revertida.
        </div>

        {{-- Promotor --}}
        <div class="card shadow-sm">
            <div class="card-header d-flex justify-content-between">
                <h5 class="card-title mb-0">Destalhes do Promotor</h5>
                @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-success">{{ $visita->status }}</span>
                    @break

                    @case(4)
                        <span class="badge text-bg-dark">{{ $visita->status }}</span>
                    @break

                    @case(5)
                        <span class="badge text-bg-danger">{{ $visita->status }}</span>
                    @break
                @endswitch
            </div>

            <div class="card-body">
                <div class="row g-2">
                    <div class="col-6 col-md-4">
                        <label class="form-label">Nome:</label>
                        <input type="text" value="{{ $visita->promotor_nome }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label">CPF:</label>
                        <input type="text" value="{{ $visita->promotor_cpf }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-4">
                        <hr class="d-md-none" />
                        <label class="form-label">Telefone:</label>
                        <div class="d-flex align-items-center justify-content-start">
                            <input type="text" value="{{ $visita->promotor_telefone }}" 
                            class="form-control form-control-plaintext w-50" aria-describedby="Razão social" readonly>
                            @php
                                $telefoneParaLink = preg_replace('/\D/', '', $visita->promotor_telefone);
                            @endphp
                            <a href="https://api.whatsapp.com/?phone={{$telefoneParaLink}}" class="btn btn-sm bg-success text-white">
                                <i class="align-middle me-2 mb-1" data-feather="user"></i> Entrar em contato
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row g-2 pt-4">
                    <hr class="d-md-none" />
                    <div class="col-12 col-md-3">
                        <label class="form-label">Endereço:</label>
                        <input type="text" value="{{ $visita->promotor_endereco }} - {{$visita->promotor_numero}}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">Bairro:</label>
                        <input type="text" value="{{ $visita->promotor_bairro }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">CEP:</label>
                        <input type="text" value="{{ $visita->promotor_cep }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">Estado:</label>
                        <input type="text" value="{{ $visita->promotor_uf }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                </div>
            </div>
        </div>

        {{-- Supermercado --}}
        <div class="card shadow-sm">
            <div class="card-header d-flex justify-content-between">
                <h5 class="card-title mb-0">Destalhes do Supermercado</h5>
                @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-success">{{ $visita->status }}</span>
                    @break

                    @case(4)
                        <span class="badge text-bg-dark">{{ $visita->status }}</span>
                    @break

                    @case(5)
                        <span class="badge text-bg-danger">{{ $visita->status }}</span>
                    @break
                @endswitch
            </div>

            <div class="card-body">
                <div class="row g-2">
                    <div class="col-6 col-md-4">
                        <label class="form-label">Nome:</label>
                        <input type="text" value="{{ $visita->supermercado_nome }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label">CNPJ:</label>
                        <input type="text" value="{{ $visita->supermercado_cnpj }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-4">
                        <hr class="d-md-none" />
                        <label class="form-label">Telefone:</label>
                        <div class="d-flex align-items-center justify-content-start">
                            <input type="text" value="{{ $visita->supermercado_telefone }}" 
                            class="form-control form-control-plaintext w-50" aria-describedby="Razão social" readonly>
                            @php
                                $telefoneParaLink = preg_replace('/\D/', '', $visita->supermercado_telefone);
                            @endphp
                            <a href="https://api.whatsapp.com/?phone={{$telefoneParaLink}}" class="btn btn-sm bg-success text-white">
                                <i class="align-middle me-2 mb-1" data-feather="user"></i> Entrar em contato
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row g-2 pt-4">
                    <hr class="d-md-none" />
                    <div class="col-12 col-md-3">
                        <label class="form-label">Endereço:</label>
                        <input type="text" value="{{ $visita->supermercado_endereco }} - {{$visita->supermercado_numero}}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">Bairro:</label>
                        <input type="text" value="{{ $visita->supermercado_bairro }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">CEP:</label>
                        <input type="text" value="{{ $visita->supermercado_cep }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-12 col-md-3">
                        <hr class="d-md-none" />
                        <label class="form-label">Estado:</label>
                        <input type="text" value="{{ $visita->supermercado_uf }}" 
                        class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                </div>
            </div>
        </div>

        {{-- Info --}}
        <form class="card shadow-sm" action="{{ route('visitas.destroy', $visita->id_visita) }}" method="POST">
            @csrf
            {{ method_field('DELETE') }}
            <div class="card-header d-flex justify-content-between">
                <h5 class="card-title mb-0">Informações da visita</h5>
                @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
            </div>
            <div class="card-body">
                <div class="row g-2">
                    <div class="col-6 col-lg-6">
                        <label class="form-label">Hora do check-in:</label>
                        <input type="text" value="{{ $visita->checkin ?? '-' }}"
                            class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>
                    <div class="col-6 col-lg-6">
                        <label class="form-label">Hora do check-out:</label>
                        <input type="text" value="{{ $visita->checkout ?? '-' }}"
                            class="form-control form-control-plaintext" aria-describedby="Razão social" readonly>
                    </div>

                    <hr />

                    <div class="col-12 col-md-6">
                        <label for="ipt-observacoes-promotor" class="form-label">Observação do promotor:</label>
                        <input type="text" name="observacoes_promotor" value="{{ $visita->observacoes_promotor }}"
                            class="form-control @if ($visita->id_status_visita != 3) form-control-plaintext @endif"
                            placeholder="..." @if ($visita->id_status_visita != 3) readonly @endif>
                    </div>
                    <div class="col-12 col-md-6">
                        <hr class="d-md-none" />
                        <label for="ipt-observacoes-varejista" class="form-label">Observação do Varejista:</label>
                        <input type="text" name="observacoes_varejista" value="{{ $visita->observacoes_varejista }}"
                            class="form-control @if ($visita->id_status_visita != 4 || $visita->visita_validada != null) form-control-plaintext @endif"
                            placeholder="..." @if ($visita->id_status_visita != 4 || $visita->visita_validada != null) readonly @endif>
                    </div>
                    <div class="col-12 col-lg-12">
                        <hr class="d-md-none" />
                        <label for="ipt-avaliacao-visita" class="form-label">Avaliação da visita:</label>
                        <select
                            class="form-control form-select select-custom @if ($visita->id_status_visita != 4 || $visita->visita_validada != null) form-control-plaintext @endif"
                            name="avaliacao_visita" value="{{ $visita->avaliacao_visita }}"
                            @if ($visita->id_status_visita != 4 || $visita->visita_validada != null) disabled @endif>
                            <option value="">Votar</option>
                            <option value="1">Nota 1</option>
                            <option value="2">Nota 2</option>
                            <option value="3">Nota 3</option>
                            <option value="4">Nota 4</option>
                            <option value="5">Nota 5</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="card-footer text-end">
                <button type="submit" class="btn btn-danger">Deletar esta visita</button>
            </div>
        </form>
    </div>
@endsection