@extends('layouts.dashboardnew')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregardeparta">Agregar Departamentos / Estado </a>
                        </div>
                    </div>
                    
                    
                    <table class="table table-bordered table-striped zero-configuration">
				        <thead>
					        <tr>
						        <th class="text-center">#</th>
						        <th class="text-center">Departamento / Estado</th>
						        <th class="text-center">Acciones</th>
					        </tr>
				        </thead>

				        <tbody>
					     @foreach ($departamentos as $depart)
					     <tr>
						     <td class="text-center">{{ $depart->id }}</td>
						     <td class="text-center">{{ $depart->nombre }}</td>
						     <td class="text-center">
						    
						         <a class="btn btn-info text-white" data-toggle="modal" data-target="#editardeparta" onclick="depart('{{$depart->id}}','{{$depart->nombre}}')"> Editar</a>
								
						         <a class="btn btn-danger" href="{{ route('setting-eliminar-depart', $depart->id) }}"> Eliminar</a>
					         </td>
					     </tr>
					     @endforeach
				        </tbody>
			        </table>
                    
                </div>
            </div>
        </div>
    </div>
</div>



<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="col-3">
                        <div class="form-group">
                            <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#agregarcapital">Agregar Ciudad / Municipio</a>
                        </div>
                    </div>
                    
                    
                    <table class="table table-bordered table-striped zero-configuration">
				        <thead>
					        <tr>
						        <th class="text-center">#</th>
						        <th class="text-center">Departamento / Estado</th>
						        <th class="text-center">Ciudad / Municipio</th>
						        <th class="text-center">Costo</th>
						        <th class="text-center">Acciones</th>
					        </tr>
				        </thead>

				        <tbody>
					     @foreach ($capitales as $capi)
					     <tr>
						     <td class="text-center">{{ $capi->id }}</td>
						     <td class="text-center">{{ $capi->departamento->nombre }}</td>
						     <td class="text-center">{{ $capi->nombre }}</td>
						     <td class="text-center">
						        @if ($moneda->mostrar_a_d)
                                  {{$moneda->simbolo}} {{$capi->costo}}
                                @else
                                  {{$capi->costo}} {{$moneda->simbolo}}
                                @endif
						     </td>
						     <td class="text-center">
						    
						         <a class="btn btn-info text-white" data-toggle="modal" data-target="#editarcapital" onclick="capital('{{$capi->id}}','{{$capi->nombre}}','{{$capi->costo}}','{{$capi->departa}}')"> Editar</a>
								
						         <a class="btn btn-danger" href="{{ route('setting-eliminar-capital', $capi->id) }}"> Eliminar</a>
						     </td>
					     </tr>
					     @endforeach
				        </tbody>
			        </table>
                    
                </div>
            </div>
        </div>
    </div>
</div>

@include('setting.costo.componentes.departamento')
@include('setting.costo.componentes.editardepart')
@include('setting.costo.componentes.capital')
@include('setting.costo.componentes.editarcapital')

@endsection
@include('usuario.componentes.scripBotones')


@push('script')
<script type="text/javascript">
    
    function depart(id, nombre){
        $('.iddepartamento').val(id);
        $('.departamento').val(nombre);
    }  
       
    function capital(id, nombre, costo, departamento){
        $('.idcapital').val(id);
        $('.capital').val(nombre);
        $('.costo').val(costo);
        $('.departid').val(departamento);
    }
    
</script>
@endpush