@extends('layouts.page')

@include('html.header.edm-ajax')

@push('css')
<link rel="stylesheet" type="text/css" href="/css/register.css"/>
@endpush

@push('head')
<style type="text/css">
	.register-step.fixed li>div{display:table;padding:10px;line-height:20px;width:100%;height:64px;}
	.register-step.fixed li>div>span{display:table-cell;vertical-align:middle;width:100%;height:40px;}
</style>
@endpush

@section('ui-header')
@endsection

@section('ui-content')
    <div class="section-content">
		<ul class="register-step clearfix fixed">
			<li class="@isEqual($selected, 'invoice', 'active')"><div><span>{{ Lang::get('invoice.word.step_tuition_process.short') }}</span></div></li>
			<li class="@isEqual($selected, 'tuition-remit', 'active')"><div><span>{{ Lang::get('invoice.word.step_tuition_payment_progress.short') }}</span></div></li>
			<li class="@isEqual($selected, 'tuition-remit-completed', 'active')"><div><span>{{ Lang::get('invoice.word.step_checking_tuition_payment.short') }}</span></div></li>
			<li class="@isEqual($selected, 'school-remit', 'active')"><div><span>{{ Lang::get('invoice.word.step_tuition_transfer_progress.short') }}</span></div></li>
			<li class="@isEqual($selected, 'school-remit-completed', 'active')"><div><span>{{ Lang::get('invoice.word.step_tuition_transfer_completed.short') }}</span></div></li>
		</ul>
		@yield('invoice-content')
	</div>
@endsection

@section('ui-footer')
@endsection