@php $setting = new App\Setting(); @endphp
@extends('frontends.layouts.index')
@section('content')
<main>
    <section id="hero" class="login">
    	<div class="container">
        	<div class="row justify-content-center">
            	<div class="col-xl-4 col-lg-5 col-md-6 col-sm-8">
                	<div id="login">
                    		<div class="text-center">
                                <img src="{{ asset($setting->company_logo_url) }}" alt="Image" data-retina="true" style="max-width: 100px;">
                            </div>
                            <hr>
                            {!! Form::model($model) !!}
                                <div class="form-group">
                                    <label for="tac_no" class="control-label">{{ __('Please type your TAC no in this box.') }}</label>
                                    {!! Form::hidden('mobile_no', null) !!}
                                    {!! Form::text('tac_no', null, ['class'=>'form-control '.($errors->first('tac_no') ? 'is-invalid' : ''),'required','autofocus']) !!}
                                    {!!$errors->first('tac_no', '<span for="tac_no" class="invalid-feedback">:message</span>')!!}
                                    <a id="btn_resend_tac_no" class="float-right" disabled="disabled" onclick="resendTacNo()" href="javascript:void(0)" title="Resend Tac No.">{{ __('Resend Tac No.') }}</a>
                                    <hr>
                                    <div id="countdown" class="text-center"></div>
                                </div>
                                <div id="pass-info" class="clearfix"></div>
                                <button class="btn_full">{{ __('Submit TAC No.') }}</button>
                            {!! Form::close() !!}
                        </div>
                </div>
            </div>
        </div>
    </section>
</main>
@stop
@section('script')
$(document).ready(function(){
    $("#btn_resend_tac_no").addClass("disabled-link");
    setTimer();
});
function setTimer() {
    var timeleft = 60;
    var downloadTimer = setInterval(function(){
        if(timeleft <= 0){
            clearInterval(downloadTimer);
            $("#btn_resend_tac_no").removeClass("disabled-link")
        }
        $("#countdown").html(timeleft + " seconds remaining");
        timeleft -= 1;
    }, 1000);
}
function resendTacNo() {
    $.get("{{ action('AuthController@getSendMobileTAC') }}", {search_term:"{{ $model->mobile_no }}"}, function(data){
        if(data.status) {
            $("#btn_resend_tac_no").addClass("disabled-link");
            setTimer();
        }
        alert(data.msg);
    },"json");
}
@stop