@extends('layouts.cliente_layout')

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

@section('body-class', 'acta-reunion')
@section('content')
<div class="container-fluid p-3 table-acta">
    <label class="text-align mb-4">Tikect - {{ $tikect->id }}</label>
    <form id="editForm" method="POST" action="{{ route('cliente.tikect.update', ['id' => $tikect->id]) }}">
        @csrf
        @method('PUT')
        <input type="hidden" name="_method" value="PUT">
        <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="{{ $tikect->nombre }}" placeholder="Nombre del tikect">
            </div>
            <div class="col-md-6">
                <label for="responsables" class="form-label">Proyecto</label>
                <select class="form-select mb-3" name="id_proyecto">
                    <option value="">Selecciona un proyecto</option>
                    @foreach($proyectos as $proyecto)
                        <option value="{{ $proyecto->id }}" {{ ($tikect->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">
                {!! $tikect->descripcion !!}
            </div>       
        </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/update.js') }}"></script>
@endsection