@extends('layouts.master')

@section('title', $archive->title )
@section('titleicon', "icon-file-text" )

@section('content')
	
	@if(app()->getLocale()=='en')
	<style type="text/css">
	    div.page div, div.page p, div.page li, div.page strong, div.page a {
	        font-size: 18px;
	        text-align: justify;
	    }

	    div.page div, div.page p, div.page ul, div.page ol {
	        text-align: justify;
	    }

	    div.page h2, div.page h3, div.page h4, div.page h5, div.page h6 {
	        text-align: justify;
	    }

	    div.page ul {
	        list-style: square!important;
	    }

	    div.page ol {
	        list-style: decimal!important;
	    }

	    div.page ul ul, div.page ol ul {
	        list-style: circle!important;
	    }

	    div.page ol ol, div.page ul ol {
	        list-style: decimal!important;
	    }

	    div.page ul {
	        padding-{{($archive->language=='en')?"left":"right"}}: 20px;
	    }

	    table.compact_table {
	        width: 100%;
	    }

	    table.compact_table td, table.compact_table td p, table.compact_table td span, table.compact_table td span span, table.compact_table td span span span {
	        padding: 0px!important;
	        margin: 0px!important;
	        line-height: 1em;
	    }
	</style>
	@else
	<style type="text/css">
	    div.page div, div.page p, div.page li, div.page strong, div.page a {
	        text-align: justify;
	    }

	    div.page div, div.page p, div.page ul, div.page ol {
	        text-align: justify;
	    }

	    div.page h2, div.page h3, div.page h4, div.page h5, div.page h6 {
	        text-align: justify;
	    }

	    div.page ul {
	        list-style: square!important;
	    }

	    div.page ol {
	        list-style: decimal!important;
	    }

	    div.page ul ul, div.page ol ul {
	        list-style: circle!important;
	    }

	    div.page ol ol, div.page ul ol {
	        list-style: decimal!important;
	    }

	    div.page ul {
	        padding-{{($archive->language=='en')?"left":"right"}}: 40px;
	    }

	    table.compact_table {
	        width: 100%;
	    }

	    table.compact_table td, table.compact_table td p, table.compact_table td span, table.compact_table td span span, table.compact_table td span span span {
	        padding: 0px!important;
	        margin: 0px!important;
	        line-height: 1em;
	    }
	</style>
	@endif


    <div class="main-content" id="mainDiv">
    	<div class="row gutters">
			<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
				<div class="card">
					<div class="card-body" style="background-color: white;">
						<div class="page" style="direction: {{($archive->language=='ar')?'rtl':'ltr'}}">
						{!! html_entity_decode($archive->getContent()) !!}
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
    <!-- END: .main-content -->
@endsection

@section('pagejs')
    <script type="text/javascript">

    </script>
@endsection