@extends('layouts.admissions')

@section('content')


				<div class="page-header">
					<div class="pull-left">
						<h3> @if(!empty($header)) {{$header}}  @endif </h3>
					</div>
					<div class="pull-right">
						<ul class="minitiles">
							<li class='grey'>
								<a href="#">
									<i class="fa fa-cogs"></i>
								</a>
							</li>
							<li class='lightgrey'>
								<a href="#">
									<i class="fa fa-globe"></i>
								</a>
							</li>
						</ul>
						<ul class="stats">
							<li class='satgreen'>
								<i class="fa fa-money"></i>
								<div class="details">
									<span class="big">$324,12</span>
									<span>Balance</span>
								</div>
							</li>
							<li class='lightred'>
								<i class="fa fa-calendar"></i>
								<div class="details">
									<span class="big"> {{ date('D d M, Y')}}</span>
									<span></span>
								</div>
							</li>
						</ul>
					</div>
				</div>
				
				<div class="row">
					<div class="col-sm-8">
					@if(session('status'))
	                    <div class="col-lg-8 alert-success">
	                        <div class="form-group">
	                            {{session('status')}}
	                        </div>
	                    </div>
	                    <form role='form' action="postletters" method="POST">
				<input type="hidden" name="_token" value="{{csrf_token()}}">
	                    	<input type="submit" name="" class="btn btn-success btn-md" value="Start Posting">
	                    	
	                    </form>
	                @endif
					@if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                         @endif
					<form action="setsign" method="POST"  enctype="multipart/form-data">
                           <input type="hidden" name="_token" value="{{csrf_token()}}">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label>Choose the File to Upload</label>
                                        <input type="file" name="signature" class="form-control" accept="image/png">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="submit" name="go" value="Upload Signature" class="btn btn-primary" >
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="alert alert-success" id="countdown">

                        	
                        </div>
                        <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
                        @if(!empty($dones)) 
                        <script type="text/javascript">
                        	
                        	$(document).ready(function(){
            jQuery.fn.countDown = function(settings,to) {
    settings = jQuery.extend({
        startFontSize: '36px',
        endFontSize: '12px',
        duration: 1000,
        startNumber: 10,
        endNumber: 0,
        callBack: function() { }
    }, settings);
    return this.each(function() {
        
        //where do we start?
        if(!to && to != settings.endNumber) { to = settings.startNumber; }
        
        //set the countdown to the starting number
        $(this).text(to).css('fontSize',settings.startFontSize);
        
        //loopage
        $(this).animate({
            'fontSize': settings.endFontSize
        },settings.duration,'',function() {
            if(to > settings.endNumber + 1) {
                $(this).css('fontSize',settings.startFontSize).text(to - 1).countDown(settings,to - 1);
            }
            else
            {
                settings.callBack(this);
            }
        });
                
    });
};



$('#countdown').countDown({
    startNumber: 10,
    callBack: function(me) {
        $(me).text('Letters Posted successfully').css('color','#090');
    }
});
        });
                        </script>

                        
                        	
                        @endif
						
					</div>
				</div>
			</div>
		</div>

@stop
<!-- jQuery -->