@extends('layouts.app')

@section('title', 'Derivar Documento')

@section('content')
<div class="card">
    <div class="card-body">
        <h4 class="header-title">Derivar Documento</h4>

        <form method="POST" action="{{ route('documentos.derivar.store', $documento->id) }}" enctype="multipart/form-data">
            @csrf

            <div class="mb-3">
                <label>Atender como</label>
                <select name="tipo_atencion" class="form-select" required>
                    <option value="">Seleccione</option>
                    <option value="derivar">Derivar</option>
                    <option value="finalizar">Finalizar</option>
                </select>
            </div>

            <div class="mb-3">
                <label>Área de destino</label>
                <select name="area_destino_id" class="form-select" required>
                    @foreach ($areas as $area)
                        <option value="{{ $area->id }}">{{ $area->nombre }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label>Archivo Adjunto (opcional)</label>
                <input type="file" name="archivo_adjunto" class="form-control" accept=".pdf">
            </div>

			<div class="mb-3">
				<label>Recomendaciones (opcional)</label>
				<textarea name="observacion" class="form-control" rows="3"></textarea>
			</div>

            <button type="submit" class="btn btn-primary">Derivar</button>
            <a href="{{ route('documentos.show', $documento->id) }}" class="btn btn-secondary">Cancelar</a>
        </form>
    </div>
</div>
@endsection