@extends('layouts.app')

@section('title', 'Denunciar cotação')

@section('meta')
    @php
        $ogDescription = "Denuncie cotações suspeitas e ajude a manter a segurança da plataforma CoteFrete.";
    @endphp
    <meta name="description" content="{{ $ogDescription }}">
    <meta name="robots" content="noindex, nofollow">
    <meta name="author" content="CoteFrete">
    <link rel="canonical" href="https://cotefrete.com.br/denuncia">
    @include('partials.meta-social', [
        'ogType' => 'website',
        'ogTitle' => 'Denunciar Cotação - CoteFrete',
        'ogDescription' => $ogDescription,
        'ogUrl' => 'https://cotefrete.com.br/denuncia'
    ])
@endsection

@section('content')
    <div class='container' style='margin-top: 100px'>
        <div class='row '>
            <div class='df-ac-jc'>
                <div class='col-md-7'>
                    <div>
                        <h1 class='titulo-agradecimento fwb black'>Denunciar cotação!</h1>
                    </div>
                    <div class='fw600 mb30 mt30 fs18'>
                        Preencha o formulário abaixo para denunciar uma cotação suspeita.
                    </div>
                    <div>
                        <form id="form_denuncia" action="javascript:void(0)" class='w100m' data-orcamento="{{ $orcamento ?? '' }}" data-csrf-token="{{ csrf_token() }}" data-action-url="{{ url('/proc/cadastrar_denuncia') }}" data-redirect-url="{{ url('/') }}">
                            <select id="tipo" class='rota-sel black fw500 fs16 br7 cpt w100 mb10' required>
                                <option value="" disabled selected>Selecione uma opção</option>
                                <option value="Denunciar Telefone">Denunciar Telefone</option>
                                <option value="Denunciar E-mail">Denunciar E-mail</option>
                                <option value="Outro">Outro</option>
                            </select>
                            <input id="nome" name="nome" class='rota-sel black fw500 fs16 br7 cpt w100 mb10' type="text" placeholder='Digite seu nome' required>
                            <input id="email" name="email" class='rota-sel black fw500 fs16 br7 cpt w100 mb10' type="email" placeholder='Digite seu e-mail (opcional)' maxlength="150">
                            <textarea id="texto" name="texto" class='rota-sel black fw500 fs16 br7 cpt w100 mb10' type="text" placeholder='Descreva sua denúncia' required></textarea>
                            <div class='w100 mb10' style='display: flex; align-items: flex-start; gap: 10px;'>
                                <input type='checkbox' id='consentimento_lgpd' name='consentimento_lgpd' required style='margin-top: 5px;'>
                                <label for='consentimento_lgpd' class='black fs14' style='line-height: 1.5;'>
                                    Concordo com o tratamento dos meus dados pessoais conforme a <a href='{{ route('politica.privacidade') }}' target='_blank' class='blue' rel='noopener noreferrer'>Lei Geral de Proteção de Dados (LGPD)</a>. <span style='color: #dc3545;'>*</span>
                                </label>
                            </div>
                            <button type="submit" class='btn-news b-none fwb br7 bg-blue white mt10 w100 fs15'>Enviar</button>
                        </form>
                    </div>
                </div>
                <div class='col-md-5'>
                    <img loading='lazy' src="{{ asset('assets/img/gif-erro.gif') }}" alt="Denunciar Transportadora">
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
    <script async src="{{ asset('assets/js/custom.min.js') }}"></script>
    <script src="{{ asset('assets/js/denuncia.js') }}"></script>
@endpush