@extends('adminlte::page')

@section('title', 'Del Mercado')

@section('content_header')
    <h1>Municipios</h1>
@stop

@section('content')
    <a href="/admin/zones/state/{{$state->id}}/new" class="btn btn-primary">Nuevo municipio para {{$state->name}}</a>
    <hr>
    @if (count($zones) > 0)
        <div class="panel panel-default">
            <div class="panel-heading">
            </div>
            <div class="panel-body">
                <table class="table table-striped task-table">
                    <thead>
                        <th>Nombre</th>
                        <th>Costo</th>
                        <th>¿Disponible?</th>
                        <th>&nbsp;</th>
                    </thead>
                    <tbody>
                        @foreach ($zones as $z)
                            <tr>
                                <td class="table-text">
                                    <div>{{ $z->name }}</div>
                                </td>
                                <td class="table-text">
                                    <div>${{ $z->delivery_amount }}</div>
                                </td>
                                <td class="table-text">
                                    <div>{{ $z->available == 0 ? 'No' : 'Si' }}</div>
                                </td>
                                <td>
                                    <a href="/admin/zones/edit/{{$z->id}}" class="btn btn-secondary"><i class="fa fa-pen"></i>&nbsp;Editar {{ $z->name }}</a>
                                    <button data-toggle="modal" data-target="#elim-{{$z->id}}" class="btn btn-tertiary"><i class="fa fa-trash"></i>&nbsp;Eliminar {{ $z->name }}</button>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
@stop

@foreach ($zones as $z)              
    <div class="modal fade" id="elim-{{$z->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form  method="POST">
                {{ csrf_field() }}
                <div class="modal-content">
                    <div class="modal-body text-center">
                        <h2>¿Eliminar Elemento?</h2>
                        <p>No podras recuperarlo una vez eliminado.</p>
                    </div>

                    <div class="modal-footer text-center">
                        <input type="hidden" name="zone" id="zone" value="{{$state->id}}">
                        <input type="hidden" name="id" id="id" value="{{$z->id}}">
                        <button type="submit" class="btn btn-primary">Eliminar</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endforeach

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop


@if (isset($message))
    @if ($message == false)
        <script>
            alert('Error, no se pudo eliminar ya que existen datos que dependen del elemento a eliminar')
        </script>
    @endif

    @if ($message == true)
        <script>
            alert('Elemento Eliminado')
        </script>
    @endif
@endif