@extends('layouts.admin_auth')

@section('auth_header')
    Register an account to request for access
@endsection

{{-- form start --}}
@section('content')
<form id="registration-form">
    <div id="success-box" class="mb-3 text-center w-100 bg-success px-1 pt-1 pb-1 d-none">
        <span class="text-white"></span>
    </div>
    @php
        $error = isset($error) ? $error : null;
    @endphp
    <div id="err-box" class="mb-3 text-center {{ $error ? '' : 'd-none' }}">
        <span class="text-danger">{{ $error }}</span>
    </div>

    <input type="text" name="name" class="form-control mb-3" placeholder="Name" required>

    <div class="input-group mb-3">
        <input type="email" name="email" class="form-control" placeholder="Email" required>
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="fas fa-envelope"></span>
            </div>
        </div>
    </div>

    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <div class="input-group-text p-0 bg-white">
                <select id='signup-countrycode' name="mobile_country_code" required class="py-0 pr-4 border-0 custom-select">
                </select>
            </div>
        </div>
        <input type="number" name="mobile" class="form-control" placeholder="Mobile" required style="height: auto;">
        <div class="input-group-append">
            <div class="input-group-text">
                <span class="fas fa-mobile"></span>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-8"></div>
        <!-- /.col -->
        <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block">Register</button>
        </div>
        <!-- /.col -->
    </div>
</form>
{{-- form end --}}
@endsection

@section('auth_footer')
    <p class="mb-1 mt-3">
        <a href="{{ route('auth.login.index') }}" id="btn-login">Login</a>
    </p>
@endsection

@section('style')
    @parent
@endsection

@section('script')
    @parent
    <script src="{{ mix('js/countrycodes.js') }}"></script>
@endsection