@extends('layouts.dashboard_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('tikect.update',  $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 mb-3">Nombre</label>
                <input type="text" class="form-control mb-4" name="nombre" value="{{ $tikect->nombre }}" placeholder="Nombre del tikect" disabled>
            </div>
            <div class="col-md-6">
                <label for="cliente" class="form-label mb-3">Cliente</label>
                <input type="text" id="id_cliente" name="nombre_empresa" class="form-control mb-3" placeholder="Nombre de empresa" disabled value="{{ $tikect->cliente->nombre_empresa }}">
                <input type="hidden" name="id_cliente" id="id_cliente" value="{{ $tikect->id_cliente }}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label for="responsables" class="form-label">Proyecto</label>
                <input type="text" id="id_proyecto" name="nombre" class="form-control mb-3" placeholder="Nombre de empresa" disabled value="{{ $tikect->proyecto->nombre }}">
                <input type="hidden" name="id_proyecto" id="id_proyecto" value="{{ $tikect->id_proyecto }}">
            </div>
            <div class="col-md-6">
                @if(!auth()->user()->hasRole('Usuario'))
                <label for="responsables" class="form-label">Responsables</label>
                <select class="form-select mb-2" name="id_responsable">
                    <option value="">Selecciona un responsable</option>
                    @foreach($empleados as $empleado)
                        <option value="{{ $empleado->id }}" {{ ($tikect->id_responsable == $empleado->id) ? 'selected' : '' }}>{{ $empleado->usuario->nombre }}</option>
                    @endforeach
                </select>
                @endif
                @if(auth()->user()->hasRole('Usuario'))
                    <label for="estado" class="form-label">Estado</label>
                    <select class="form-select mb-2" name="estado">
                        <option value="Pendiente" {{ ($tikect->estado == 'Pendiente') ? 'selected' : '' }}>Pendiente</option>
                        <option value="En progreso" {{ ($tikect->estado == 'En progreso') ? 'selected' : '' }}>En progreso</option>
                        <option value="Cerrado" {{ ($tikect->estado == 'Cerrado') ? 'selected' : '' }}>Cerrado</option>
                    </select> 
                    <input type="hidden" name="estado_actual" value="{{ $tikect->estado }}">   
                @endif
            </div>
        </div>

        <div class="mb-3">
            <label for="descripcion" class="form-label">Descripcion</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/quill-disable.js') }}"></script>
@endsection