@extends('dashboard.auth.layout')

@section('content')
    <h4 class="card-title mb-1 text-center">{!! trans('dashboard.messages.welcome_login_msg', ['project_name' => setting('project_name')]) !!}! 👋</h4>

    <form class="auth-login-form mt-2" action="{!! route('dashboard.send_code') !!}" method="POST">
        {!! csrf_field() !!}
        {{-- <div class="row">

            <div class="form-group">
                <label for="login-username" class="form-label">{!! trans('dashboard.auth.phone_code') !!}</label>
                <input type="text" class="form-control col-2" id="login-username" name="phone_code"
                    placeholder="{!! trans('dashboard.auth.phone_code') !!}" aria-describedby="login-username" tabindex="1" autofocus />

                <label for="login-username" class="form-label">{!! trans('dashboard.auth.phone_number') !!}</label>
                <input type="text" class="form-control col-10" id="login-username" name="phone"
                    placeholder="{!! trans('dashboard.auth.phone_number') !!}" aria-describedby="login-username" tabindex="1" autofocus />
            </div>
        </div> --}}
        <div class="card-body">
            <div class="row">
                <div class="col-12">

                </div>
                <div class="col-sm-4 col-12">
                    <label for="valid-state">{!! trans('dashboard.auth.phone_code') !!}</label>
                    {!! Form::select('phone_code', $countries, null , ['class' => 'form-control select2 w-100' , 'placeholder' => '' , 'id' => 'modern-country']) !!}


                    {{-- <input type="text" class="form-control "  placeholder="Valid" value="" required /> --}}
                    <div class="valid-feedback"></div>
                </div>
                <div class="col-sm-8 col-12">
                    <label for="invalid-state">{!! trans('dashboard.auth.phone_number') !!}</label>
                    <input type="text" name="phone" class="form-control" placeholder="{!! trans('dashboard.auth.phone_number') !!}" value="" required />
                    <div class="invalid-feedback"></div>
                </div>
            </div>
        </div>
        <div class="form-group">
            {{-- <div class="custom-control custom-checkbox">
                <input class="custom-control-input" type="checkbox" name="remember" id="remember-me" tabindex="3" />
                <label class="custom-control-label" for="remember-me"> {!! trans('dashboard.auth.remember') !!} </label>
            </div> --}}
        </div>
        <button class="btn btn-primary btn-block" tabindex="4">{!! trans('dashboard.auth.send') !!}</button>
    </form>
    {{-- <p class="text-center mt-2">
        <a href="{{route('dashboard.send_code_dashboard_form')}}"> <i data-feather="chevron-left"></i> {{ trans('dashboard.auth.send_code') }} </a>
    </p> --}}
@endsection