@extends('dashlayouts.guestapp')
@section('content')
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"></script> --}}
    <div class="container">
        <div class="row justify-content-center align-items-center min-vh-100">
            <!-- Logo Column -->
            <div class="col-md-5 text-center mb-4 mb-md-0">
                <img src="{{ asset('img/orijinschool.png') }}" alt="Logo" class="img-fluid" style="max-width: 60%;">
            </div>

            <!-- Form Column -->
            <div class="col-md-7">
                <h2 class="text-white-50 text-center pb-3">Permohonan Nyahaktif Akaun.</h2>
                <div class="card shadow-lg border-0 rounded">

                    <div class="card-body">
                        <div class="tab-content">
                            @include('errors')
                            
                            @if(session('success'))
                            <div class="alert alert-success alert-dismissible fade show col-md-8" role="alert">
                                {{ session('success') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                            @endif
        
                            @if(session('error'))
                            <div class="alert alert-danger alert-dismissible fade show col-md-8" role="alert">
                                {{ session('error') }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                            @endif
                            <!-- Parent Tab -->
                            <div class="tab-pane fade show active" id="parent-tab">
                                <form method="POST" action="{{ route('user.padam') }}" data-parsley-validate="" id="userregform">
                                    @csrf
                                    <div class="container">
                                        <input type="hidden" name="is_parent" value="1">
                                        
                                        <div class="form-group row mb-3">
                                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('Emel') }}</label>
                                            <div class="col-md-8">
                                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" 
                                                required data-parsley-type="email" data-parsley-trigger="change" data-parsley-length="[6, 50]" autofocus>
                                                @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row mb-3">
                                            <label for="name" class="col-md-4 col-form-label text-md-right">Nama Penuh </label>
                                            <div class="col-md-8">
                                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" 
                                                required autofocus
                                                 data-parsley-trigger="change"
                                                 data-parsley-maxlength="200"
                                                data-parsley-pattern="^[a-zA-Z\s\'\-/@]+$" 
                                                style="text-transform: uppercase" oninput="this.value = this.value.toUpperCase()">
                                                @error('name')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                
<br>
                                        <div class="text-center">
                                            <img src="{{ asset('img/sectigo_trust_seal_lg_140x54.png') }}" alt="">
                                        </div>

                                        <div class="form-group row mb-0 mt-4">
                                            <div class="col-md-8 offset-md-4">
                                                <button type="submit" class="btn btn-primary">
                                                    {{ __('Hantar') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Template Main JS File -->
    <script src="{{ asset('js/parsley.min.js') }}"></script>
    <script>
        $('#regform').parsley();
    </script>
    <script>
        $(document).ready(function() {
            $('.nav-tabs a').click(function() {
                $(this).tab('show');
            });
        });
    </script>
@endsection