@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 type="text/javascript">
        {!! $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') }}</label>
                <br />
                <form class="login100-form" method="post" action="{{ route('page.pinrequest') }}">
                    @csrf
                    <!-- hediv -->
                    <div class="hediv wrap-input100">
                        <!-- msisdndiv -->
                        <input class="input100" type="text" name="msisdn" maxlength="12"
                            placeholder="{{ __('website.phone') }}... (966********)" required/>
                        <div style="color: red">
                            @error('msisdn')
                                {{ $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.subscribe') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection