@extends('layouts.app')
@section('titulo', (!$model->exists ? 'Creando' : 'Editando') . ' Servicio | Contrato: ' . $contrato->Nombre)
@section('titulo_card', 'Datos del Servicio')

@section('content')
    @php
        $metodo = !$model->exists ? 'POST' : 'PATCH';
        $ruta = !$model->exists ? route('gestion.contratos.servicios.store', $contrato->id) : route('gestion.contratos.servicios.update', [$contrato->id, $model->id]);
    @endphp
    {{ html()->modelForm($model, $metodo, $ruta)->open() }}
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="nombre">Nombre</label>
                {{ html()->text('Nombre')->class('form-control')->attributes(['oninput' => 'this.value = this.value.toUpperCase()']) }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="Descripcion">Descripción</label>
                {{ html()->text('Descripcion')->class('form-control') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group form-check">
                {{ html()->checkbox('Adelantado')->class('form-check-input')->id('Adelantado') }}
                <label class="form-check-label" for="Adelantado">Pago por adelantado</label>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="Instalacion">Instalación</label>
                {{ html()->text('Instalacion')->class('form-control moneda') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">Precio</label>
                {{ html()->text('Precio')->class('form-control moneda') }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="nombre">Mora</label>
                {{ html()->text('Mora')->class('form-control moneda') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">Tipo de mora</label>
                {{ html()->select('TipoMora', $model->getTiposMoraSimple())->class('form-control') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">Días maximos para aplicar mora</label>
                {{ html()->number('DiasMaxMora')->class('form-control') }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="form-group">
                <label for="nombre">MaxLimit</label>
                {{ html()->text('MaxLimit')->class('form-control')->placeholder('Opcional') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">BurstLimit</label>
                {{ html()->text('BurstLimit')->class('form-control')->placeholder('Opcional') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">BurstThreshold</label>
                {{ html()->text('BurstThreshold')->class('form-control')->placeholder('Opcional') }}
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <label for="nombre">BurstTime</label>
                {{ html()->text('BurstTime')->class('form-control')->placeholder('Opcional') }}
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col">
            {{ html()->submit('<i class="far fa-save"></i> ' . (!$model->exists ? 'Guardar' : 'Editar'))->class('btn btn-primary') }}
        </div>
    </div>
    {{ html()->closeModelForm() }}
@endsection
@section('css')
    <link rel="stylesheet" media="all" type="text/css" href="{{ asset('build/css/select2.min.css') }}" />
    <link rel="stylesheet" media="all" type="text/css" href="{{ asset('build/css/select2-bootstrap4.min.css') }}" />
@endsection
@section('js')
    <script src="{{ asset('build/js/select2.min.js') }}"></script>
    <script src="{{ asset('js/jquery.inputmask.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.selector').select2({
                theme: 'bootstrap4',
                language: 'es',
            });

            $('.moneda').inputmask({
                alias: "numeric",
                allowMinus: false,
                prefix: 'L ',
                digits: 2,
                digitsOptional: false,
                autoGroup: true,
                groupSeparator: ",",
                groupSize: 3,
                radixPoint: ".",
                placeholder: '0.00',
                removeMaskOnSubmit: true,
                rightAlign: false,
                unmaskAsNumber: true,
                clearMaskOnLostFocus: false,
            });
        });
    </script>
@endsection