@extends('welcome')
@section('page_title', 'RH | Contratação')

<link rel="stylesheet" href="{{ URL::asset('css/contact.css') }}">

@section('conteudo')
    <div class="content">

        <div class="container">
            <section class="contact-page-section contact-page-rh">
                <div class="container">
                    <div class="sec-title">
                        <div class="title"></div>
                        <h2>
                            @yield('title', 'Chamado <i class="bi bi-ticket-perforated" style="margin-left:20px;"></i>')
                        </h2>
                    </div>
                    <div class="inner-container">
                        <div class="row clearfix">
                            <div class="form-column col-md-12 col-sm-12 col-xs-12">
                                <div class="inner-column">
                                    <div class="contact-form">
                                        @yield('form')
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </section>

            <div class="row align-items-stretch justify-content-center no-gutters">
                <div class="col-md-9">

                    <div class="max-width mt-5">
                    </div>

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

        <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
            © 2022 Desenvolvido por : Casas da Água
        </div>
    </div>

    {{-- Modal de impressão (ainda com texto de TI – você pode adaptar depois se quiser) --}}
    <div class="modal fade" id="modalId" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" role="dialog"
        aria-labelledby="modalTitleId" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body row">
                    <div class="col-md-6">
                        <div class="card">
                            <div id="section-to-print">
                                <div class="header text-center">
                                    <i>Envio de material</i>
                                </div>
                                <div class="printbody">
                                    <p>De: <strong>Filial <span id="text_filial"></span></strong></p>
                                    <p>Para: <strong>Matriz - TI </strong></p>
                                    <p class="complement">Complemento: <span id="text_msg"></span></p>
                                </div>

                                <div class="footer">
                                    <p>Enviado por:<br> <strong><span id="text_nome"></span> - <span
                                                id="text_setor"></span></strong></p>
                                    <img src="{{ URL::asset('images/logo-novo.png') }}" width="100" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="not-print col-md-6 ">
                        <h4>Não esqueça!<br><br>Imprima e envie as informações junto a embalagem de envio</h4>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-home cancel" id="cancel_print">
                        <strong>NÃO IMPRIMIR</strong>
                    </button>

                    <button type="button" id="print" class="btn btn-home"><strong>IMPRIMIR</strong></button>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {

            $('#submit').on('click', function() {

                if ($('.categ').val() == 'Computador') {
                    $('#text_filial').html($('#filial option:selected').text());
                    $('#text_nome').html($('#nome').val());
                    $('#text_setor').html($('#setor').val());
                    $('#text_msg').html($('#msg').val());

                    $("#modalId").modal({
                        show: true
                    });

                } else {
                    $('#finish').click()
                }

            });

            $('#cancel_print').on('click', function() {
                $("#modalId").modal('hide');
                $('#finish').click()
            });

            $('#print').on('click', function() {
                window.print();
                $("#modalId").modal('hide');
                $('#finish').click()
            });

        });
    </script>
@endsection


@section('scripts')
    {{-- (mantive o bloco de feedback e scripts globais que você já tinha) --}}
    @if ($message = Session::get('feedback') && Auth::check())
        {{-- ... todo o JS do feedback ... --}}
    @endif

    <script>
        $(document).ready(function() {
            const urlParams = new URLSearchParams(window.location.search);
            let data = urlParams.get('data');
            if (data === 'login') {
                $('#modalLogin').modal('show');
            }

            $('form').submit(function(event) {
                $('#alert').html(
                    '<div class="alert-div wait-alert"><i class="bi bi-exclamation-triangle-fill"></i>Aguarde enquanto enviamos o sua solicitação...</div>'
                );
                $('.theme-btn').addClass('hidden');
            });

            $('.close-card').on('click', function() {
                $('#feedback').addClass('hidden')
            });

            $('#send-feedback').on('click', function() {
                let msg = $('#msg-feedback').val();
                let star = $('#star').val();

                $.post("/send_feedback", {
                        '_token': '{{ csrf_token() }}',
                        'msg': msg,
                        'star': star,
                        'sector': 'rh'
                    },
                    (result) => {
                        $('#alert').html(
                            '<div class="alert-div success-alert"><i class="bi bi-check-circle-fill"></i><strong>Obrigado,</strong> recebemos seu feedback!</div>'
                        );
                        $('#feedback').addClass('hidden')
                    }
                );
            });

            $('.toast:not(#dicas-toast)').toast('show');
        })
    </script>
@endsection