@extends('ATCore::atcore_layout')

@section('head_buttons')
<div class="btn-group">
<button class="btn btn-primary" onclick="generateInvoice()">Generar Facturas</button>
<form name="generar_facturas" id="_generar_facturas" method="POST" action="{{ route('billing_generate_invoices')}}">
    @csrf
    <input type="hidden" name="billingId" value="{{$billing->id}}">
    <input type="hidden" name="period" value="{{$period}}">
</form>

<a href="{{ route('resume_billing',$billing->id) }}" class="btn btn-secondary"><i class="far fa-arrow-alt-circle-left"></i> Volver </a>
</div>
@stop



@section('atplus_main_content')
<div class="card card-blue">
    <div class="card-header">
        <h3 class="card-title">Proceso de Facturación</h3>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-sm-4">
                Periodo <strong>{{$period}}</strong>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                Estado <strong>{{$billing->getNestedProperty('status')}}</strong>
            </div>
        </div>
    </div>
</div>
@include('ATCore::partials.table',['customQuery' => true, 'table' => isset($resumeTable)? $resumeTable : null, 'columns' => isset($resumeColumns)? $resumeColumns : null, 'data_query' => isset($resumeQuery)? $resumeQuery : null])
@stop


@section('atplus_main_js')
<script>
function generateInvoice(){
    Swal.fire({
        title: '¿Estás seguro de continuar?',
        text: "Se generarán todas las facturas asociadas a los servicios contratados!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Sí, generar!',
        cancelButtonText: 'Cancelar'
      }).then((result) => {
        if (result.value == true) {
            document.getElementById('_generar_facturas').submit();
        }
      })
}
</script>
@stop