@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection
@section('content')
	<section id="product-details">
		<ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a></li>
			<li class="breadcrumb-item active">{{ __('Catalogues') }}</li>
		</ol>
		<div class="container-2 ">
			<h2 class="section-heading">{{ __('Catalogues') }}</h2>

			<div class="row">
				<div class="col-sm-12 col-md-8 col-md-offset-2 ">
					<table class="table table-striped">
						<tbody>
							@foreach ($catalogues as $key => $catalogue)
								<tr>
									<th width="1%" scope="row">{{ $key+1 }}</th>
									<td width="5%"><img src="{{ asset('catloug-icon.png') }}" alt=""></td>
									<td>{{ $catalogue->title }}</td>
									<td width="10%">
										<a href="{{ asset($catalogue->photo) }}" target="_blank"><img class="download-img" src="{{ asset('download-pdf.png') }}" alt=""></a>
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</section>

@endsection
@section('scripts')
@endsection