@extends('frontend.master')

@section('frontend_css')
@endsection

@section('frontend_content')

<main class="main login-page">
    <!-- Start of Page Header -->
    <div class="page-header">
        <div class="container">
            <h1 class="page-title mb-0">My Account</h1>
        </div>
    </div>
    <!-- End of Page Header -->

    <!-- Start of Breadcrumb -->
    <nav class="breadcrumb-nav">
        <div class="container">
            <ul class="breadcrumb">
                <li><a href="demo1.html">Home</a></li>
                <li>My account</li>
            </ul>
        </div>
    </nav>
    <!-- End of Breadcrumb -->
    <div class="page-content">
        <div class="container">
            <div class="login-popup">
                <div class="tab tab-nav-boxed tab-nav-center tab-nav-underline">
                    <ul class="nav nav-tabs text-uppercase" role="tablist">
                        <li class="nav-item">
                            <a href="#sign-up" class="nav-link active"> Signin/Signup with phone 1111 </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <form method="POST" action="{{ route('admin.verification.register') }}">
                            @csrf
                            <div class="tab-pane active in" id="sign-up">
                                <div class="form-group">
                                    <label>PLEASE ENTER YOUR MOBILE PHONE NUMBER <span class="text-danger" style="color: red">*</span> </label>
                                    
                                    <div class="row">
                                        <div class="col-2">
                                            <img src="{{ asset('another/bangladesh.png') }}" class="flag flag-bd" style="width: 60px; height:40px">
                                        </div>
                                        <div class="col-10">
                                            <input id="number" min="1" value="+88" type="tel" class="form-control @error('number') is-invalid @enderror" name="number" value="{{ old('number') }}" required autocomplete="number" autofocus>
                                    <span class="float-right mt-5">ex: +8801854379876</span>
                                        </div>
                                    </div>
                                    
                                    @error('number')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-primary btn-block">
                                    {{ __('Send Via Sms') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@section('frontend_js')
    
@endsection