@extends('layouts.adminLayout.admin_design')

@section('content')
<div id="content">
    <div id="content-header">
        <div id="breadcrumb">
            <a href="{{ route('admin.view-admins') }}" title="Ir a Inicio" class="tip-bottom">
                <i class="icon-home"></i>
                Inicio
            </a>
            <a href="{{ route('admin.view-users') }}">
                Administradores
            </a>
            <a href="#" class="current">
                Ver Administradores
            </a>
        </div>
        <h1>Administradores</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 Administradores</h5>
    			</div>
    			<div class="widget-content nopadding">
    				<table class="table table-bordered data-table">
    					<thead>
    						<tr>
    							<th style="text-align: left;">Id</th>
    							<th style="text-align: left;">Username</th>
    							<th style="text-align: left;">Tipo</th>
    							<th style="text-align: left;">Roles</th>
    							<th style="text-align: left;">Estado</th>
    							<th style="text-align: left;">Fecha de Creación</th>
    							<th style="text-align: left;">Fecha de Actualización</th>
    							<th style="text-align: left;">Acciones</th>
    						</tr>
    					</thead>
    					<tbody>
    					    @foreach($admins as $admin)
								@php
									if ($admin->type == "Admin") {
										$roles = "Todos";
									} else {
										$roles = '';
										if ($admin->categories_access == 1) {
											$roles .= "Categorías, ";
										}
										if ($admin->products_access == 1) {
											$roles .= "Productos, ";
										}
										if ($admin->orders_access == 1) {
											$roles .= "Ordenes, ";
										}
										if ($admin->users_access == 1) {
											$roles .= "Usuarios";
										}
									}
								@endphp
    					        <tr class="gradeX">
    					            <td style="text-align: left;">{{ $admin->id }}</td>
    					            <td style="text-align: left;">{{ $admin->username }}</td>
    					            <td style="text-align: left;">{{ $admin->type }}</td>
    					            <td style="text-align: left;">{{ $roles }}</td>
    					            <td style="text-align: left;">
                                        @if ($admin->status == 1)
                                            <span style="color: green;">Activo</span>
                                        @else
                                            <span style="color: red;">Inactivo</span>
                                        @endif
                                    </td>
    					            <td style="text-align: left;">{{ $admin->created_at }}</td>
    					            <td style="text-align: left;">{{ $admin->updated_at }}</td>
                                    <td class="center">
                                        <a href="{{ route('admin.edit-admin', ['id' => $admin->id]) }}" class="btn btn-primary btn-mini">Editar</a>
                                        <a rel="{{ $admin->id }}" rel1="delete-admin" href="javascript:" class="btn btn-danger btn-mini deleteRecord">Borrar</a>
                                    </td>
                                </tr>
    					    @endforeach
    					</tbody>
    				</table>
    			</div>
    		</div>
    	</div>
      </div>
    </div>
  </div>
@endsection