@extends('layouts.app', ['title' => 'Administración · Carreras', 'pageClass' => 'page-admin'])

@section('content')
    <section class="result-heading admin-page-head">
        <div>
            <p class="eyebrow">Administración</p>
            <h2>Carreras</h2>
        </div>
        <a class="button-muted" href="{{ route('admin.dashboard') }}">Volver al panel</a>
    </section>

    @include('admin.partials.nav', ['active' => 'careers'])

    <section class="admin-two-col">
        <article class="panel">
            <form class="filters" method="GET" action="{{ route('admin.careers.index') }}">
                <label>
                    Buscar
                    <input type="search" name="q" value="{{ $search }}" placeholder="Código o nombre">
                </label>
                <div class="finder-actions">
                    <button type="submit">Filtrar</button>
                    <a class="button-muted" href="{{ route('admin.careers.index') }}">Limpiar</a>
                </div>
            </form>

            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Nombre</th>
                            <th>Materias</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($careers as $career)
                            <tr>
                                <td>
                                    <input form="career-update-{{ $career->id }}" type="text" name="code" value="{{ $career->code }}">
                                </td>
                                <td>
                                    <input form="career-update-{{ $career->id }}" type="text" name="name" value="{{ $career->name }}">
                                </td>
                                <td>{{ $career->subjects_count }}</td>
                                <td class="action-cell">
                                    <form id="career-update-{{ $career->id }}" method="POST" action="{{ route('admin.careers.update', $career) }}">
                                        @csrf
                                        @method('PUT')
                                        <button type="submit">Guardar</button>
                                    </form>
                                    <form method="POST" action="{{ route('admin.careers.destroy', $career) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="button-muted" type="submit">Eliminar</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="pagination">{{ $careers->links('components.pagination.admin') }}</div>
        </article>

        <article class="panel">
            <p class="eyebrow">Nueva carrera</p>
            <h3>Alta manual</h3>
            <form class="stack-form" method="POST" action="{{ route('admin.careers.store') }}">
                @csrf
                <label>
                    Código
                    <input type="text" name="code" placeholder="BT">
                </label>
                <label>
                    Nombre
                    <input type="text" name="name" placeholder="Bachillerato en Teología">
                </label>
                <button type="submit">Crear carrera</button>
            </form>
        </article>
    </section>
@endsection