@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>
@endsection

<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" wire:submit="save">
                <!-- hediv -->
                <div class="hediv wrap-input100">
                    <!-- msisdndiv -->
                    <input class="input100" type="text" wire:model="pin" maxlength="12" placeholder="Pin Code" />
                    <div style="color: red">
                        @error('pin')
                            {{ $message }}
                        @enderror
                        {{ $messageEndpoint }}
                    </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>