@extends('forms.ti.base_ti')

@section('title')
    <div class="sec-title">
        <h2 style="color: rgb(43, 43, 43);">Esqueci minha senha <i class="bi bi-nut-fill"
                style="margin-left:20px; color:rgb(8, 187, 231);"></i></h2>
    </div>
@endsection
@section('form')
    <form action="{{ route('chamados.store') }}" method="post" id="contact-form">
        {{ csrf_field() }}
        <div class="row clearfix">
            <div class="form-group col-md-6 col-sm-6 co-xs-12">

                <input type="text" name="name" id="nome" required placeholder="Seu nome">
            </div>
            <div class="form-group col-md-6 col-sm-6 co-xs-12">

                <input type="text" name="email" id="email" required placeholder="Email">
            </div>
            <div class="divider my-4"></div>
            <div class="form-group col-md-6 col-sm-6 co-xs-12">
                <label for="filial" class="col-form-label sans text-muted">Filial
                </label>

                <select class="form-control" name="filial" required>
                    <option value="">... </option>
                    @foreach ($filiais as $f)
                        <option value="{{ $f['id'] }}">{{ $f['comment'] }}</option>
                    @endforeach

                </select>
            </div>
            <div class="form-group col-md-6 col-sm-6 co-xs-12">
                <label for="user" class="col-form-label sans text-muted">Login</label>
                <input type="text" id="user" name="user" value="" placeholder="Seu usuário no sistema"
                    required>

                <div class="mt-3" style="display:flex; align-items:center;">
                    <input type="checkbox" name="check_user" id="check_user">
                    <h5 class="ml-2 mb-0 text-muted">Não me lembro do usuário</h5>
                </div>
            </div>
            <div class="form-group col-md-12 col-sm-6 co-xs-12">
                <p class="text-muted mt-5">
                    <strong> DICA</strong> * O usuário do sistema de chamados é o mesmo utilizado no Chat CDA
                </p>
            </div>

            <div class="form-group col-md-12 col-sm-12 co-xs-12 mt-4">
                <button type="submit" class="theme-btn btn-style-one">Enviar</button>
            </div>
        </div>

        <input type="hidden" name="setor" value="">
        <input type="hidden" id="msg" name="msg" value="Redefinição de senha">
        <input type="hidden" name="tipo_chamado" value="12">
        <input type="hidden" name="categoria" value="22">
        <input type="hidden" name="user_recipient" value="56">

    </form>
@endsection
@section('info')
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Esse formulário é designado apenas para redefinição de senha do sistema de chamados.</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Caso deseje realizar a criação de um novo login <a href="chat">clique aqui</a></p>
    </li>

    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Todos os campos são obrigatórios</p>
    </li>
    <li><i class="bi bi-exclamation-diamond ml-1" style="color: rgb(211, 175, 14);"></i>
        <p class="mb-3">Ligar para o suporte em caso de erros ou dúvidas</p>
    </li>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {

            $('#check_user').on('change', function() {
                if ($(this).is(":checked")) {
                    $('#user').addClass('disabled')
                    $('#user').removeAttr('required')
                    $('#msg').val('Redefinição de senha | Não lembro o usuário')
                } else {
                    $('#user').removeClass('disabled')
                    $('#user').attr('required', 'true')
                    $('#msg').val('Redefinição de senha')

                }
            })

        });
    </script>
@endsection