@extends('layouts.landing')

@section('title', isset($tarea) ? 'Editar Tarea' : 'Nueva Tarea')

@section('content')
<div class="container-fluid">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h6 class="m-0 font-weight-bold text-primary">
                    {{ isset($tarea) ? 'Editar Tarea' : 'Nueva Tarea' }}
                    &mdash; {{ $material->name }} &middot; Grupo: {{ $grupo->clave }}
                </h6>
                <a href="{{ route('grupo.material.tareas', [$grupo, $material]) }}"
                   class="btn btn-sm btn-secondary shadow-sm">
                    <i class="fas fa-arrow-left fa-sm"></i> Regresar
                </a>
            </div>
        </div>

        <div class="card-body">

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            @if (isset($tarea))
                <form action="{{ route('grupo.material.tareas.update', [$grupo, $material, $tarea]) }}" method="POST">
                    @method('PUT')
            @else
                <form action="{{ route('grupo.material.tareas.store', [$grupo, $material]) }}" method="POST">
            @endif
            @csrf

                <div class="form-group">
                    <label for="titulo">Título <span class="text-danger">*</span></label>
                    <input type="text" id="titulo" name="titulo" class="form-control"
                           value="{{ old('titulo', $tarea->titulo ?? '') }}" required>
                </div>

                <div class="form-group">
                    <label for="descripcion">Descripción / Instrucciones</label>
                    <textarea id="descripcion" name="descripcion" class="form-control" rows="5">{{ old('descripcion', $tarea->descripcion ?? '') }}</textarea>
                </div>

                <div class="form-group">
                    <label for="fecha_entrega">Fecha límite de entrega</label>
                    <input type="date" id="fecha_entrega" name="fecha_entrega" class="form-control"
                           value="{{ old('fecha_entrega', isset($tarea) && $tarea->fecha_entrega ? $tarea->fecha_entrega : '') }}">
                </div>

                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save fa-sm"></i>
                    {{ isset($tarea) ? 'Guardar cambios' : 'Crear tarea' }}
                </button>

            </form>
        </div>
    </div>
</div>
@endsection
