@extends('layouts.modal')

@section('modal_header_title')
    Nueva Actividad
@overwrite

@section('modal_id')
    id="modal_new_actividad"
@overwrite

@section('modal_tipo')
    text-bg-primary
@overwrite

@section('modal_size')
    modal-lg
@overwrite

@section('modal_content')
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

            {{ html()->form('POST','')->id('form-new-actividad')->open() }}
            {{ html()->input('hidden','id_actividad')->id('id_actividad') }}
            {{ html()->input('hidden','indexRow')->id('indexRow') }}

            <div class="panel-body">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Nombre:</label>
                            {{ html()->input('text','actividad')->id('actividad')->class('form-control text-uppercase') }}
                            @include('common.validation-message', ['id'=>'actividadError'] )
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Descripción:</label>
                            {{ html()->input('text','descripcion')->id('descripcion')->class('form-control text-uppercase') }}
                            @include('common.validation-message', ['id'=>'descripcionError'] )
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Calendarizada:</label>
                            {{ html()->select('calendarizada')->options([2=>'ELIGE UNA OPCIÓN',0=>'No',1=>'Si'])->id('calendarizada')->class('form-select form-control text-uppercase') }}
                            @include('common.validation-message', ['id'=>'calendarizadaError'] )
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">URL:</label>
                            {{ html()->input('text','url')->id('url')->class('form-control') }}
                            @include('common.validation-message', ['id'=>'urlError'] )
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-7 col-sm-6 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Fecha apertura:</label>
                            {{ html()->input('date','fecha_apertura')->id('fecha_apertura')->class('form-control text-uppercase')->attribute( 'min','2025-02-12'  ) }}
                            @include('common.validation-message', ['id'=>'fecha_aperturaError'] )
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-5 col-sm-6 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Hora apertura:</label>
                            {{ html()->input('time','hora_apertura')->id('hora_apertura')->class('form-control readOnly') }}
                            @include('common.validation-message', ['id'=>'hora_aperturaError'] )
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-7 col-sm-6 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Fecha cierre:</label>
                            {{ html()->input('date','fecha_cierre')->id('fecha_cierre')->class('form-control text-uppercase') }}
                            @include('common.validation-message', ['id'=>'fecha_cierreError'] )
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-5 col-sm-6 col-xs-12">
                        <div class="form-group required">
                            <label class="control-label">Hora cierre:</label>
                            {{ html()->input('time','hora_cierre')->id('hora_cierre')->class('form-control readOnly') }}
                            @include('common.validation-message', ['id'=>'hora_cierreError'] )
                        </div>
                    </div>
                </div>
            </div>
            {{ html()->form()->close() }}
        </div>
    </div>
@overwrite

@section('modal_footer')
    {{
        html()->button('<i class="bi bi-x-lg"></i> Cancelar','button','')->
        class('btn btn-secondary')->
        attribute('data-bs-dismiss','modal')
    }}
    {{
        html()->button('<i class="bi bi-check-lg"></i> Aceptar','button','')->
        id('btnGuardar')->
        class('btn btn-primary btnGuardar')
    }}


@overwrite