@include('admin.header')
<!-- MAIN-CONTENT -->
<div class="main-content app-content">
    <div class="main-container container-fluid">
        <div class="breadcrumb-header justify-content-between">
            <div class="my-auto">
                <h4 class="page-title">Ads </h4>
                {{-- <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Profile</li>
                </ol> --}}
            </div>
            <div class="d-flex my-xl-auto right-content align-items-center">
                <div class="pe-1 mb-xl-0">
                    <a href="/admin/ads/create" class="btn btn-primary mb-2">Add AD</a>
                </div>

            </div>
        </div>
        <div class="card">
            <div class="card-body">


		<table id="example" class="table table-bordered" style="width:100%">
			<thead>
				<tr>
					<th class="text-center">ID</th>
					<th class="text-center">Image</th>
					<th class="text-center">Page</th>
                    <th class="text-center">Position</th>
                    <th class="text-center">Link</th>
					<th class="text-center">Actions</th>
				</tr>
			</thead>
			<tbody>
				@foreach ($ads as $row)
					<tr>
						<td class="text-center">{{ $row->id }}</td>
						<td class="text-center"><img src="{{ asset('uploads/ads/'.$row->image) }}"
								style="height: 100px !important;"></td>
						<td class="text-center">{{ $row->page }}</td>
                        <td class="text-center">{{ $row->position }}</td>
                        <td class="text-center">{{ $row->link }}</td>
						<td class="text-center">
							<a href="/admin/ads/{{ $row->id }}/edit"
								class="btn btn-primary">Edit</a>&nbsp;&nbsp;
							<a href="/admin/ads/disable/{{ $row->id }}"
								class="btn btn-danger">Delete</a>
						</td>
					</tr>
				@endforeach
		</table>

    </div>
</section>
@include('admin.footer')