@extends('layouts.app')

@section('title', 'Nova Atividade - Sistema UC')
@section('page-title', 'Nova Atividade')

@section('page-actions')
    <a href="{{ route('atividades.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left"></i>
        Voltar
    </a>
@endsection

@section('content')
<div class="card shadow">
    <div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary">
            <i class="bi bi-plus-circle"></i>
            Criar Nova Atividade
        </h6>
    </div>
    <div class="card-body">
        <form action="{{ route('atividades.store') }}" method="POST">
            @csrf
            
            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="unidade_curricular_id" class="form-label">Unidade Curricular *</label>
                    <select class="form-select @error('unidade_curricular_id') is-invalid @enderror" 
                            id="unidade_curricular_id" name="unidade_curricular_id" required>
                        <option value="">Selecione uma Unidade Curricular</option>
                        @foreach($unidadesCurriculares as $uc)
                            <option value="{{ $uc->id }}" {{ old('unidade_curricular_id', $unidadeCurricularSelecionada) == $uc->id ? 'selected' : '' }}>
                                {{ $uc->nome }}
                            </option>
                        @endforeach
                    </select>
                    @error('unidade_curricular_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label for="fase" class="form-label">Fase *</label>
                    <select class="form-select @error('fase') is-invalid @enderror" 
                            id="fase" name="fase" required>
                        <option value="">Selecione uma Fase</option>
                        <option value="acao_inicial" {{ old('fase') == 'acao_inicial' ? 'selected' : '' }}>Ação Inicial</option>
                        <option value="reflexao" {{ old('fase') == 'reflexao' ? 'selected' : '' }}>Reflexão</option>
                        <option value="acao_final" {{ old('fase') == 'acao_final' ? 'selected' : '' }}>Ação Final</option>
                    </select>
                    @error('fase')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 mb-3">
                    <label for="titulo" class="form-label">Título da Atividade *</label>
                    <input type="text" class="form-control @error('titulo') is-invalid @enderror" 
                           id="titulo" name="titulo" value="{{ old('titulo') }}" required>
                    @error('titulo')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 mb-3">
                    <label for="descricao" class="form-label">Descrição *</label>
                    <textarea class="form-control @error('descricao') is-invalid @enderror" 
                              id="descricao" name="descricao" rows="4" required>{{ old('descricao') }}</textarea>
                    @error('descricao')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 mb-3">
                    <label for="objetivos" class="form-label">Objetivos *</label>
                    <textarea class="form-control @error('objetivos') is-invalid @enderror" 
                              id="objetivos" name="objetivos" rows="3" required>{{ old('objetivos') }}</textarea>
                    @error('objetivos')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-8 mb-3">
                    <label for="recursos" class="form-label">Recursos</label>
                    <textarea class="form-control @error('recursos') is-invalid @enderror" 
                              id="recursos" name="recursos" rows="3">{{ old('recursos') }}</textarea>
                    @error('recursos')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <div class="form-text">Descreva os recursos necessários para esta atividade.</div>
                </div>

                <div class="col-md-4 mb-3">
                    <label for="duracao_estimada" class="form-label">Duração Estimada (minutos)</label>
                    <input type="number" class="form-control @error('duracao_estimada') is-invalid @enderror" 
                           id="duracao_estimada" name="duracao_estimada" value="{{ old('duracao_estimada') }}" min="1">
                    @error('duracao_estimada')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i>
                        Criar Atividade
                    </button>
                    <a href="{{ route('atividades.index') }}" class="btn btn-secondary">
                        <i class="bi bi-x-circle"></i>
                        Cancelar
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection