@extends('layouts.cliente_layout')

@section('title', 'Tikect')

@section('content')
    <div class="container-fluid container-column d-flex justify-content-between align-items-center">
        <div class="ms-auto">
            <a href="{{ route('cliente.tikect.crear') }}">
                <button class="button-crear"><img src="{{ asset('img/document-like3.png') }}" alt="Icon-document">Crear
                    tikect</button>
            </a>
        </div>
    </div>
    <div class="container-fluid p-3 table-acta">
        <label class="text-align">Tikect</label>
        <table id="actaTable" class="table">
            <thead>
                <tr id="text-table">
                    <th>Nombre</th>
                    <th>Proyecto</th>
                    <th>Responsable</th>
                    <th>Estado</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="myTable">
                @foreach ($tikects as $tikect)
                    <tr id="text-table-content">
                        <td>{{ $tikect?->nombre ?? '' }}</td>
                        <td>{{ $tikect?->proyecto?->nombre ?? '' }}</td>
                        <td>{{ $tikect?->responsable->usuario->nombre ?? '' }}</td>
                        <td>{{ $tikect?->estado ?? '' }}</td>
                        <td class="icon-edit">
                            <div class="icon-box">
                                <a href="{{ route('cliente.tikect.editar', $tikect?->id ?? 0) }}">
                                    <i class='fa-regular fa-pen-to-square'></i>
                                </a>
                            </div>
                            <div class="icon-box">
                                <a href="#" data-bs-toggle="modal" data-bs-target="#deleteModal"
                                    data-route="{{ route('cliente.tikect.state', $tikect?->id ?? 0) }}"
                                    data-record-id="{{ $tikect?->id ?? 0 }}">
                                    <i class="fa-solid fa-trash"></i>
                                </a>
                            </div>
                        </td>
                        @include('cliente.tikect.eliminar')
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

@section('scripts')
    @include('partials.scripts')
@endsection