@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<strong>
					Upload Student By Excel File

					<a class="btn btn-xs btn-warning pull-right" href="{{ route('LoggedIn.Settings.Student.index') }}">
						<i class="fa fa-chevron-left"></i> Back
					</a>
				</strong>
			</div>

			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
        @include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" method="POST" enctype="multipart/form-data"
					action="{{ route('LoggedIn.Settings.Student.storeExcelUpload') }}"
				>
					@csrf

					<div class="form-group form-group-sm">
						<label for="branch_and_version" class="col-sm-4 control-label">Excel File </label>
						<div class="col-sm-4">
							<input type="file" class="form-control" name="student_excel_file">
						</div>
					</div>

					<div class="form-group">
						<div class="col-sm-12">
							<button class="btn btn-primary btn-sm btn-block">
								Submit
							</button>
						</div>
					</div>
				</form>

				@if (session('success'))
					<div class="alert alert-success text-center">
						{{ session('success') }}
					</div>
				@endif
			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function () {
	$(document).on('click', '#students_view_submit', function () {
		$.ajax({
			url: baseURL + '/!/Settings/Student/View',
			type: 'POST',
			data: $('#students_view_form').serialize(),
			success: function (response) {
				$('#students_view_table').html(response);
			}
		});
	});
});
</script>

@endsection