@extends('layouts.adminLayout.admin_design')

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ route('admin.dashboard') }}" title="Inicio" class="tip-bottom">
                <i class="icon-home"></i>
                Inicio
            </a>
            <a href="{{ route('admin.view-banners') }}">
                Banners
            </a>
            <a href="#" class="current">
                Ver Banners
            </a>
        </div>
        <h1>Banners</h1>

		@if(Session::has('flash_message_error'))
			  <div class="alert alert-danger alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_error') !!}</strong>
			  </div>
		@endif
		@if(Session::has('flash_message_success'))
			  <div class="alert alert-success alert-block">
				  <button type="button" class="close" data-dismiss="alert">×</button>
				  <strong>{!! session('flash_message_success') !!}</strong>
			  </div>
		@endif

    </div>
    <div class="container-fluid">
      <hr>
      <div class="row-fluid">
        <div class="span12">
          <div class="widget-box">
            <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
              <h5>Ver Banners</h5>
            </div>
            <div class="widget-content nopadding">
              <table class="table table-bordered data-table">
                <thead>
                  <tr>
                    <th>Producto ID</th>
                    <th>Título</th>
                    <th>Link</th>
                    <th>Imagen</th>
                    <th>Estado</th>
                    <th>Acciones</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($banners as $banner)
                        <tr class="gradeX">
                            <td>{{ $banner->id }}</td>
                            <td>{{ $banner->title }}</td>
                            <td>{{ $banner->link }}</td>
                            <td>
                                @if(!empty($banner->image))
                                    <img
                                        src="{{ asset('images/frontend_images/banners/' . $banner->image) }}"
                                        style="width: 250px;"
                                    >
                                @endif
                            </td>
                            <td>
                				<input type="checkbox" @if($banner->status == 1) checked @endif disabled="disabled" style="transform: scale(1); margin: 10px; cursor: pointer; accent-color: #e74c3c;">
							</td>
                            <td class="center">
                                <a href="{{ route('admin.edit-banner', ['id' => $banner->id]) }}" class="btn btn-primary btn-mini" title="Editar banner">Editar</a>
                                <a rel="{{ $banner->id }}" rel1="delete-banner" href="javascript:" class="btn btn-danger btn-mini deleteRecord" title="Borrar banner">Borrar</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection