@extends('layouts.app')

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

@section('content')
<div style="margin-bottom: 15px;">
    <a href="{{ route('tickets.index') }}" style="display: inline-flex; align-items: center; gap: 5px; color: var(--text-muted); text-decoration: none; font-size: 0.9rem; font-weight: 500; transition: color 0.2s;" onmouseover="this.style.color='var(--primary)'" onmouseout="this.style.color='var(--text-muted)'">
        <i class="ph ph-arrow-left"></i> Volver a los tickets
    </a>
</div>

<div class="content-header">
    <div class="header-title" style="width: 100%;">
        <h1>Crear Nuevo Ticket</h1>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form action="{{ route('tickets.store') }}" method="POST">
            @csrf
            
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="company_id" style="display: block; margin-bottom: 5px;">Empresa Asignada</label>
                <select name="company_id" id="company_id" class="form-control" style="width: 100%; padding: 8px;" required>
                    @foreach($companies as $company)
                        <option value="{{ $company->id }}">{{ $company->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="form-group" style="margin-bottom: 15px;">
                <label for="title" style="display: block; margin-bottom: 5px;">Título del problema / requerimiento</label>
                <input type="text" name="title" id="title" class="form-control" style="width: 100%; padding: 8px;" required>
            </div>

            <div class="form-group" style="margin-bottom: 15px;">
                <label for="priority" style="display: block; margin-bottom: 5px;">Prioridad</label>
                <select name="priority" id="priority" class="form-control" style="width: 100%; padding: 8px;" required>
                    <option value="low">Baja</option>
                    <option value="medium" selected>Media</option>
                    <option value="high">Alta</option>
                    <option value="urgent">Urgente</option>
                </select>
            </div>

            @if(Auth::user()->isAdmin())
            <div class="form-group" style="margin-bottom: 15px;">
                <label for="assigned_to" style="display: block; margin-bottom: 5px;">Asignar Técnico (Opcional)</label>
                <select name="assigned_to" id="assigned_to" class="form-control" style="width: 100%; padding: 8px;">
                    <option value="">Dejar sin asignar</option>
                    @foreach($technicians as $tech)
                        <option value="{{ $tech->id }}">{{ $tech->name }}</option>
                    @endforeach
                </select>
            </div>
            @endif

            <div class="form-group" style="margin-bottom: 15px;">
                <label for="description" style="display: block; margin-bottom: 5px;">Descripción detallada</label>
                <textarea name="description" id="description" class="form-control" style="width: 100%; padding: 8px;" rows="5" required></textarea>
            </div>

            <button type="submit" class="btn btn-primary">Crear Ticket</button>
        </form>
    </div>
</div>
@endsection