@extends('web.layouts.container')

@section('content')

    <div class="pg-header">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#"><img src="{{asset('assets/web/images/icon-2.png')}}" alt="" class="icon"/></a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{__('packages.subscription')}}</li>
                </ol>
            </nav>
            <h2 class="title text-center mb-0">{{__('packages.subscription')}}</h2>
        </div>
    </div>

    <section class="rabout-pg about-pg2 section">
        <div class="container">
            <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="form-wrapper">
                            <form method="post" action="{{route('user.doRegister')}}" class="register_form">
                                <div class="heading text-center mb-5">
                                    <h4 class="h4">{{__('main.fill_following_data')}}</h4>
{{--                                    <p class="another-register">{{__('main.have_account')}} <a href="{{route('user.login')}}">{{__('main.sign_in')}}</a></p>--}}
                                    <img src="{{asset('assets/web/images/icon.svg')}}" alt="" class="logo">
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.name')}}</label>
                                    <input name="name" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('members.user_type')}}</label>
                                    <select name="user_type" class="form-control" autocomplete="off" autofocus >
                                        <option value="">{{__('members.user_type')}}</option>
                                        <option value="Individual">{{__('members.individual')}}</option>
                                        <option value="Company">{{__('members.company')}}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('members.user_group')}}</label>
                                    <select name="user_group" class="form-control" autocomplete="off" autofocus >
                                        <option value="">{{__('members.user_group')}}</option>
                                        <option value="Individual">{{__('members.individual')}}</option>
                                        <option value="Commercial">{{__('members.commercial')}}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">{{__('members.country')}}</label>
                                    <select name="country" class="form-control" autocomplete="off" autofocus >
                                        <option value="">{{__('members.country')}}</option>
                                        <option value="saudi_arabia">{{__('members.sa')}}</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label>{{__('members.id_no')}}</label>
                                    <input name="id_no" type="number" min="1" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.address_name')}}</label>
                                    <input name="address_name" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <select name="address_type" class="form-control" autocomplete="off" autofocus >
                                        <option value="">{{__('members.address_type')}}</option>
                                        <option value="Office">{{__('members.office')}}</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.street_name')}}</label>
                                    <input name="street_name" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.district_name')}}</label>
                                    <input name="district_name" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.city')}}</label>
                                    <input name="city" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.postal_code')}}</label>
                                    <input name="postal_code" type="number" min="1" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.another_id')}}</label>
                                    <input name="another_id" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.build_no')}}</label>
                                    <input name="build_no" type="text" class="form-control" autocomplete="off" autofocus  />
                                </div>

                                <div class="form-group">
                                    <label>{{__('members.phone')}}</label>
                                    <input name="phone" type="tel" class="form-control" autocomplete="off" autofocus  />
                                    <span class="text-danger">Example: +966-531111111</span>
                                </div>
                                <div class="form-group">
                                    <label>{{__('members.tax_no')}}</label>
                                    <input name="tax_no" class="form-control" autocomplete="off" autofocus  />
                                </div>
                                <button class="butn borderd-blue-butn m-auto register_button"><span class="text"> {{__('packages.subscribe_now')}} </span><span class="hvr"></span></button>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <img src="{{asset('assets/web/images/register.svg')}}" alt="" class="register-img center-vr">
                    </div>
                </div>
        </div>
    </section>

@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/users.register.js') }}"></script>
    <script>
        $('.navbar').toggleClass('inner-nav home-nav');
    </script>
@endsection