@extends('layouts.app')
@section('style')
    <style>
        button {
            width: 100%;
            border: none;
            background: #10964C;
            border-radius: 4px;
            padding: 12px 24px;
            color: #fff;
            font-family: Almarai;
            font-size: 16px;
            font-weight: 700;
            line-height: 17.86px;
            text-align: center;
            cursor: pointer;
        }
    </style>
    <script>
        {{ $javascript }}
    </script>
@endsection

@section('content')
    <div class="limiter">
        <div class="container-login100">
            <div class="wrap-login100">
                <span class="login100-form-title p-b-48">
                    <img src="{{ asset('assets/images/logo' . app()->getLocale() . '.png') }}" width="170" />
                </span>
                <br />
                <label>{{ __('website.label pin') }}</label>
                <br />
                <form class="login100-form" method="post" action="{{ route('page.verifypin') }}">
                    @csrf
                    <!-- hediv -->
                    <div class="hediv wrap-input100">
                        <!-- msisdndiv -->
                        <input class="input100" type="text" name="pin" maxlength="12" placeholder="Pin Code"
                            required />
                        <div style="color: red">
                            @error('pin')
                                {{ $message }}
                            @enderror
                            @error('messageEnd')
                                {{ $message }}
                            @enderror
                        </div>
                    </div>
                    <p>
                        {{ __('website.p1') }}
                    </p>
                    <p>
                        {{ __('website.p2') }}
                    </p>
                    <div class="container-login100-form-btn">
                        <!-- submitbutton -->
                        <div class="wrap-login100-form-btn">
                            <button class="AFsubmitbtn" type="submit">{{ __('website.send') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection