@extends('layouts.admin.master', ['bodyCss'=>'', 'title'=>'Bioderma | Admin'])

	@section('styles')
		
	@endsection

	@section('scripts')

	@endsection

	@section('content')

		<header>
			@include('layouts.admin.navbar')
		</header>

	    <div class="container-fluid">
	      <div class="row">

	        @include('layouts.admin.sidebar', [ 'menuActive' => 'conf_ciudades' ] )

	        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
	          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
	            <h1 class="h5">Ciudades</h1>
	            <a href="{{ route('cities.create') }}" class="btn btn-outline-primary btn-sm">Nuevo</a>
	          </div>

	          <!-- Start Content  -->

	          	<div class="col-md-6 mb-6">
	          		@if (count($errors)>0)
					<div class="alert alert-danger">
						<ul>
						@foreach ($errors->all() as $error)
							<li>{{$error}}</li>
						@endforeach
						</ul>
					</div>
					@endif
				</div>

	          	<div class="table-responsive">
			        <table class="table table-striped table-sm">
			          <thead>
			            <tr>
			              <th>#</th>
			              <th>Nombre</th>
			              <th>Estatus</th>
			              <th>Acciones</th>
			            </tr>
			          </thead>
			          <tbody>

			          	@foreach ($cities as $city)
			            <tr>
			              <td>{{ $city->id }}</td>
			              <td>{{ $city->name }}</td>
			              <td><span class="badge {{ ($city->status=='1') ? 'badge-success' : 'badge-secondary' }}">{{ ($city->status=='1') ? 'Activo' : 'Inactivo' }}</span></td>
			              <td>
			              	<a href="{{ route('cities.edit', [ 'city' => $city->id ]) }}" class="btn btn-outline-warning btn-sm" >Editar</a>
			              	<a href="#" data-target="#modal-delete-{{$city->id}}" data-toggle="modal"><button class="btn btn-outline-danger btn-sm">Eliminar</button></a>

			              </td>
			            </tr>

			            @include('commons.admin.modal-delete', 
		                	[ 'routeName' => 'cities.destroy', 'id'=>$city->id ])

			            @endforeach

			          </tbody>
			        </table>
			      </div>

	          <!-- End Content  -->
	        </main>
	      </div>
	    </div>

	    <footer>
	    	@include('layouts.admin.footer')
	    </footer>
	@endsection