@extends('web.layouts.layout')
@section('content')

    <main>

        <!-- Start pg_header -->
        @include('web.pages.components.header.header')

        <!-- Start section -->
        <section class="register_pg section">
            <div class="container">
                <div class="col-lg-6 mx-auto">
                    <div class="inner">
                        <div class="form_box">
                            <div class="sec_head has_border text-center mb-5">
                                <h1 class="title_head fw-bold mb-0 color-primary fs-1">{{$title}}      </h1>
                            </div>
                            <form method="post" action="{{$action}}" onsubmit="formAction(this)">
                                @CSRF
                                <div class="form-group phone_group mb-4">
                                    <input class="form-control digitsOnly" name="phone"  placeholder="XXX-XXX-XXX  " autofocus />
                                    <span class="countryCode_span">+966</span>
                                    <!-- <select class="phoneSelect">
                                        <option>966</option>
                                    </select> -->
                                    <span class="icon">  <i class="fa-light fa-mobile"></i> </span>
                                </div>


                                <button class="submit_butn butn primary_butn w-100 mt-5 mx-auto" > {{__('web.sure')}} </button>

                                <p class="another_opt text-center mt-4"> {{__('web.have_acc')}} <a href="{{route('web.login')}}" > {{__('web.login')}} </a></p>

                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </main>

@endsection
