@extends('layouts.app2')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10">
            <div class="card">
                <div class="card-header">Submissão do pedido de exclusão da conta</div>

                <div class="card-body">

                        <form method="POST" action="{{ route('delete-account') }}">
                            @csrf

                        <div class="row">

                            <div class="col-md-6">
                                <label for="account_number">Informe o teu número de conta iMali</label>
                                <input type="text" id="account_number" name="account_number" class="form-control" required>
                            </div>

                            <div class="col-md-6">
                                <label for="account_deletion_reason_id">Indique a razão para remover a tua conta</label>
                                <select id="account_deletion_reason_id" name="account_deletion_reason_id" class="form-control" required>
                                    <option value=""></option>
                                    @foreach($categor as $serv)
                                        <option value="{{$serv->id}}">{{$serv->reason}}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-tooltip">
                                    Este campo não pode estar vazio!
                                </div>
                            </div>

                            <div class="col-md-6">
                                <label for="pin">Informe o teu PIN de confirmação das transações</label>
                                <input type="text" id="pin" name="pin" class="form-control pin-mask" maxlength="4" required>
                            </div>

                        </div>

                            <hr>
                            <div class="">
                            <button type="submit" class="btn btn-success">
                                <i class="fa fa-send"></i> Submeter
                            </button>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('.pin-mask').inputmask("9999", { placeholder: "" });
    });
</script>

@endsection