@extends('layouts.menu')

@section('title', 'Agregar Ticket')

@section('contenido')

    <div class="card bg-light shadow-none p-3 mb-5 bg-light rounded">
        <div class="card-header card-header-pr77 mb-3">
            <div class="row justify-content-between">
                <div class="col-8">
                    <div class="row justify-content-between">
                        <div class="col-6">
                            <h2><b>Tickets</b></h2>
                        </div>
                        <div class="col-6" style=" display: flex; justify-content: center; align-items: center; ">

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-body">
            <form action="" method="post" id="formulario_ticket" novalidate>
                <div class="card">
                    <div class="card-body">
                        <div class="row g-2">
                            <div class="col-md-4 form-floating">
                                <input type="text" class="form-control" name="asunto" id="asunto"
                                       placeholder="Asunto del ticket">
                                <label for="asunto">Asunto</label>
                                <div id="message_error_asunto">
                                    <span id='asunto_error'></span>
                                </div>
                            </div>
                            <!--<div class="col-md-6 form-floating">
                                    <input type="text" class="form-control" name="telefono" id="telefono"
                                           placeholder="Ingrese el telefono al que se enviara el ticket"
                                           onkeypress="return SoloNumeros(event);" maxlength="10">
                                    <label for="telefono">Telefono</label>
                                    <div id="message_error_telefono">
                                        <span id='telefono_error'></span>
                                    </div>
                                </div>-->
                            <div class="col-md-4 form-floating">
                                <input type="text" class="form-control" name="vehiculo" id="vehiculo"
                                       placeholder="Vehiculo">
                                <label for="vehiculo">Vehiculo</label>
                                <div id="message_error_vehiculo">
                                    <span id='vehiculo_error'></span>
                                </div>
                            </div>
                            <div class="col-md-4 form-floating">
                                <input type="text" class="form-control" name="odometro" id="odometro"
                                       placeholder="Odometro" onkeypress="return SoloNumeros(event);">
                                <label for="odometro">Odometro</label>
                                <div id="message_error_odometro">
                                    <span id='odometro_error'></span>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row g-2">
                            <!--<div class="col-md-4">
                                <label for="">Horario</label>
                                <input type="text" class="form-control" name="horario" id="horario">
                                <div id="message_error_horario">
                                    <span id='horario_error'></span>
                                </div>
                            </div>-->
                        </div>
                        <br>
                        <div class="justify-content-end" style="display: flex;">
                            <button type="button" class="btn btn-primary btn-small" onclick="crearTextArea()"><i class="fa-solid fa-plus"></i></button>
                        </div>
                        <br>
                        <div class="row g-2">
                            <div class="col-md-12 form-floating">
                                <textarea name="actividades" id="actividades" cols="30" rows="10"
                                          class="form-control"
                                          placeholder="Actividades" style="height: 100px"></textarea>
                                <label for="actividades">Actividades</label>
                                <div id="message_error_actividades">
                                    <span id='actividades_error'></span>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row g-2" id="extras">

                        </div>
                        <!--<div class="row">
                            <div class="col-md-12">
                                <input type="file" id="file" name="file" class="form-control" multiple>
                            </div>
                        </div>-->
                    </div>
                </div>
                <br>
            </form>
            <br>
            <form action="{{route('tickets.subir_imagenes')}}" class="dropzone" id="my-dropzone">
                @csrf
                <input type="hidden" id="id_ticket" name="id_ticket">
                <div class="dz-message" data-dz-message><span>Arraste o toque para agregar sus imagenes</span></div>
            </form>
            <br>
            <div class="row">
                <div class="col-md-12">
                    <div class="d-grid gap-2 col-6 mx-auto">
                        <button type="button" class="btn btn-secondary" onclick="guardarTicket()" id="uploadFile">
                            Guardar
                        </button>
                    </div>
                </div>
            </div>
        </div>


    </div>


@stop

@section('scripts')
    <script src="{{asset('/js/incidencias/incidencias.js')}}"></script>

@stop