@extends('layouts.cliente_layout')

@section('title', 'Nuevo tikect')

@section('body-class', 'acta-reunion')
@section('content')
    <div class="container-fluid p-3 table-acta">
        <label class="text-align mb-4">Nuevo Tikect</label>
        <form id="formTikect" method="POST" action="{{ route('cliente.tikect.store') }}">
            @csrf
            <input type="hidden" name="id_cliente" value="{{ $cliente->id }}">
            <div class="row">
                <div class="col-md-6">
                    <label for="nombre" class="form-label">Nombre</label>
                    <input type="text" class="form-control mb-4" name="nombre" value="{{ old('nombre') }}"
                        placeholder="Nombre del tikect" required>
                </div>
                <div class="col-md-6">
                    <label for="responsables" class="form-label">Proyecto</label>
                    <select class="form-select mb-3" name="id_proyecto" required>
                        <option value="">Selecciona un proyecto</option>
                        @foreach ($proyectos as $proyecto)
                            <option value="{{ $proyecto->id }}" {{ old('id_proyecto') == $proyecto->id ? 'selected' : '' }}>{{ $proyecto->nombre }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="mb-3">
                <label for="descripcion" class="form-label">Descripción</label>
                <textarea id="descripcion_quill" name="descripcion_quill" style="display: none;"></textarea>
                <div id="kt_docs_quill_basic"></div>
                @error('descripcion_quill')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <button class="btnNext" type="submit">Guardar</button>
            </div>
        </form>
    </div>
@endsection

@section('scripts')
    @parent
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <script src="{{ asset('js/tikects/quill.js') }}"></script>
@endsection