@extends('layouts.subPages')

@section('title', $title )

@section('navbarFocus.tips', 'class="active"')

@section('content')
<div role="dialog">
	<h1 class="page-title">
		@if ($browser === 'Firefox' || $browser === 'Mozilla')
			{{ trans('plugin-page.head.1') }}
		@elseif ($browser === 'Chrome')
			{{ trans('plugin-page.head.2') }}
		@elseif ($browser === 'Opera')
			{{ trans('plugin-page.head.3') }}
		@elseif ($browser === 'IE')
			{{ trans('plugin-page.head.4') }}
		@elseif ($browser === 'Edge')
			{{ trans('plugin-page.head.5') }}
		@elseif ($browser === 'Safari')
			{{ trans('plugin-page.head.6') }}
		@elseif ($browser === 'UCBrowser')
			{{ trans('plugin-page.head.9') }}
		@else
			{{ trans('plugin-page.head.0') }}
		@endif
	</h1>
	@if ($agent->isDesktop())
		@if ($browser === 'Firefox' || $browser === 'Mozilla')
			@if (version_compare($agent->version($browser), '61.', '>='))
				@include ('plugin/desktop/firefox/v61')
			@elseif (version_compare($agent->version($browser), '57.', '>='))
				@include ('plugin/desktop/firefox/v57')
			@else
				@include ('plugin/desktop/firefox/v52')
			@endif

		@elseif ($browser === 'Chrome')
		@if (version_compare($agent->version($browser), '59.', '>='))
				@include ('plugin/desktop/chrome/v59')
				@include ('plugin/desktop/vivaldi/v3-3')
			@elseif (version_compare($agent->version($browser), '53.', '>='))
				@include ('plugin/desktop/chrome/v53')
			@else
				@include ('plugin/desktop/chrome/v49')
			@endif

		@elseif ($browser === 'Opera')
			@include ('plugin/desktop/opera/v36')

		@elseif ($browser === 'IE')
			@if (version_compare($agent->version($browser), '11.', '>='))
				@include('plugin/desktop/ie/v11')
			@else
				@include('plugin/desktop/ie/v9')
			@endif

		@elseif ($browser === 'Edge')
			@if (version_compare($agent->version($browser), '80.', '>='))
				@include('plugin/desktop/edge/v80')
			@elseif (version_compare($agent->version($browser), '18.', '>='))
				@include('plugin/desktop/edge/v18')
			@elseif (version_compare($agent->version($browser), '15.', '>='))
				@include('plugin/desktop/edge/v15')
			@endif

		@elseif ($browser === 'Safari')
			@include ('plugin/desktop/safari/v10')

		@else
		
			@section('content')

			<div class="card-heavy">
	    		<h3>{{ trans('plugin-page.browser-download') }}</h3>
				<ol>
					<li style="list-style:none;"><small>{!! trans('plugin-page.desktop-unlisted.php') !!}</small></li>
				</ol>
			</div>
			@include ('plugin/desktop/firefox/v61')

			@endsection

		@endif

	@elseif ($agent->isPhone())
		@if ($browser === 'Firefox')
			@if (version_compare($agent->version($agent->browser()), '80.') >= 0))
				@include ('plugin/mobile/firefox/v80')
				@include ('plugin/mobile/firefox-klar/v8-8')
			@else
				@include ('plugin/mobile/firefox/vlt80')
			@endif

		@elseif ($browser === 'Chrome')
			@include('plugin/mobile/chrome/v83')

		@elseif ($browser === 'Opera')
			@include ('plugin/mobile/opera/v60')

		@elseif ($browser === 'Edge')
			@include ('plugin/mobile/edge/v45')
		
		@elseif ($browser === 'Safari' || $browser === 'UCBrowser')
			
			@section('content')

    			<div class="card-heavy">
	    			<h3>{!! trans('plugin-page.browser-download') !!}</h3>
					<ol>
						<li style="list-style:none;"><small>{!! trans('plugin-page.mobile-unable') !!}</small></li>
					</ol>
				</div>
				@include ('plugin/desktop/firefox/v61')

			@endsection

		@else

			@section('content')

				<div class="card-heavy">
		    		<h3>{{ trans('plugin-page.browser-download') }}</h3>
					<ol>
						<li>{!! trans('plugin-page.desktop-unlisted.php') !!}</li>
					</ol>
				</div>
				@include ('plugin/desktop/firefox/v61')

			@endsection

		@endif
	@endif

	@endsection