@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-8 mx-auto">
                    <div class="inner">
                        <div class="head_box">
                            <img src="{{url('')}}/assets/web/images/logo_white.svg" class="logo" alt="">
                        </div>
                        <div class="form_box">
                            <div class="text_box text-center mb-5">
                                <h4 class="fw-bold color-secondary"> {{__('web.enter_inputs')}} </h4>
                                <div class="p">{{__('web.fill_inputs')}} </div>
                            </div>
                            <form method="post" action="{{$action}}" onsubmit="formAction(this)">
                                @CSRF
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="profile-avatar mb-5" id="imagePreview" style="background-image: url('{{url('')}}/assets/web/images/avatar-4.png');">
                                            <input type="file" name="photo" class="custom-file-input" id="imageUpload" >
                                            <button> <i class="fa-light fa-camera"></i> </button>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form-group mb-4">
                                            <input type="text" name="name" class="form-control" placeholder=" {{__('web.name')}}   "/>
                                            <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group mb-4">
                                            <input type="email" name="email" class="form-control" placeholder=" {{__('web.email')}} "/>
                                            <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group phone_group mb-4">
                                            <input type="text" name="phone" class="form-control digitsOnly" placeholder="{{__('web.phone')}}"/>
                                            <select class="phoneSelect">
                                                <option>966</option>
                                            </select>
                                            <span class="icon">  <i class="fa-light fa-mobile"></i> </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group show_hide_password mb-4">
                                            <input type="password" name="password" class="form-control shadow_input" placeholder="{{__('web.password')}} "/>
                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                            <i class="show_pass far fa-eye-slash"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group show_hide_password mb-4">
                                            <input type="password" name="password_confirmation" class="form-control shadow_input" placeholder="{{__('web.password_confirmation')}} "/>
                                            <span class="icon"> <i class="fa-light fa-lock"></i> </span>
                                            <i class="show_pass far fa-eye-slash"></i>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                         <div class="form-check mt-4">
                                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                            <label class="form-check-label fs-6" for="flexCheckDefault">
                                                <small>
                                                     الموافقة على <a href="#"> الشروط والاحكام </a> و  <a href="#"> سياسة الخصوصية </a> 
                                                 </small>
                                            </label>
                                        </div>
                                    </div>

                                </div>


                                <button type="submit" class="submit_butn butn primary_butn mt-5 mx-auto" > {{__('web.regist')}} </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>

@stop