@extends('frontend.layouts.template')
@section('content')
<div class="row box-banner" style="background: url({{ asset('frontend/assetsnew/img/about/BG6.jpg') }});background-repeat: no-repeat;background-size: cover;background-position: top center;">
    <div class="col-12">

        <div class="box-page">
            <div class="row" style="">
                <div class="col-sm-12 col-xl-1"></div>
                <div class="col-sm-12 col-xl-10">
                {!! $article->detail->top !!}

                </div>
            </div>

        </div>
    </div>
</div>

<div class="row ab-box-sec" style="">

    <div class="col-md-12 col-xl-1"></div>
    <div class="col-md-12 col-xl-10">
        {!! $article->detail->middle !!}
    </div>
    <div class="col-md-12 col-xl-1"></div>
</div>
<div class="row" style="background: #fff;">

    <div class="col-md-12 col-xl-1"></div>
    <div class="col-md-12 col-xl-10">

        {!! $article->detail->bottom !!}
    </div>
</div>

<div class="row" style="background: #EDEDED;">

    <div class="col-md-12 col-xl-1"></div>
    <div class="col-md-12 col-xl-10">
        @include('frontend.about.stem-ed-reports')
    </div>
</div>
@endsection
@section('stylesheet')
	<link href="{{ asset('frontend/assetsnew/css/resources.css')}}" rel="stylesheet">
	<link href="{{ asset('frontend/assetsnew/css/about.css')}}" rel="stylesheet">
@endsection
@section('modals')

<div class="modal fade" id="reportModal-xls" tabindex="-1" role="dialog" aria-labelledby="reportModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="reportModalLabel">Preview</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: #000;">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="box-view-xls" style="height: 80vh;"></div>
			</div>
		</div>
	</div>
</div>

@endsection
@section('javascript')
    <script type="text/javascript">
        (function($){
            var base_url = $('meta[name="base-url"]').attr('content');
            var _token = $('meta[name="csrf-token"]').attr('content');

            $("#reportModal-xls").on("show.bs.modal", function(e) {
                var button  = $(e.relatedTarget);
                var title   = button.data('title');
                var id      = button.data('id');
                var modal   = $(this);

                var url = `{{ url('documents/reader') }}/${title}/${id}`;

                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        _token : _token
                    },
                    dataType: 'html',
                    success: function(data) {
                        $(".box-view-xls").html(data);

                    }
                })
            })
        }(jQuery));
    </script>
@endsection