@extends('layouts.master')
@section('page_title', 'Assignments')
@section('content')
<div class="card">
    <div class="card-header header-elements-inline">
        <h6 class="card-title"><i class="icon-pencil7 mr-2"></i> Assignments</h6>
        {!! Qs::getPanelOptions() !!}
    </div>
    <div class="card-body">
        @if ($errors->any())
            <div class="alert alert-danger">@foreach ($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>
        @endif
        <ul class="nav nav-tabs nav-tabs-highlight">
            <li class="nav-item"><a href="#all-assignments" class="nav-link active" data-toggle="tab">{{ Qs::userIsTeamSA() ? 'All Assignments' : 'My Assignments' }}</a></li>
            <li class="nav-item"><a href="#new-assignment" class="nav-link" data-toggle="tab"><i class="icon-plus2"></i> Give New Assignment</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade show active" id="all-assignments">
                <div class="table-responsive">
                <table class="table table-striped">
                    <thead><tr><th>S/N</th><th>Title</th><th>Subject</th><th>Class</th><th>Due</th><th>File</th>@if(Qs::userIsTeamSA())<th>Teacher</th>@endif<th>Action</th></tr></thead>
                    <tbody>
                    @forelse($assignments as $a)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $a->title }}</td>
                            <td>{{ optional($a->subject)->name }}</td>
                            <td>{{ optional($a->my_class)->name }} {{ $a->section ? '('.$a->section->name.')' : '' }}</td>
                            <td>{{ $a->due_date ? date('jS M, Y', strtotime($a->due_date)) : '—' }}</td>
                            <td>@if($a->attachment)<a href="{{ route('assignments.download', $a->id) }}"><i class="icon-attachment"></i></a>@endif</td>
                            @if(Qs::userIsTeamSA())<td>{{ optional($a->teacher)->name }}</td>@endif
                            <td>
                                <a href="{{ route('assignments.edit', $a->id) }}" class="btn btn-sm btn-light"><i class="icon-pencil"></i></a>
                                <a id="as{{ $a->id }}" onclick="confirmDelete(this.id.substr(2))" href="#" class="btn btn-sm btn-light"><i class="icon-trash"></i></a>
                                <form method="post" id="item-delete-{{ $a->id }}" action="{{ route('assignments.destroy', $a->id) }}" class="hidden">@csrf @method('delete')</form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted">No assignments yet.</td></tr>
                    @endforelse
                    </tbody>
                </table>
                </div>
            </div>
            <div class="tab-pane fade" id="new-assignment">
                <div class="row"><div class="col-md-9">
                    <form method="post" enctype="multipart/form-data" action="{{ route('assignments.store') }}">
                        @csrf
                        @include('pages.support_team.assignments._fields', ['a' => null])
                        <div class="text-right"><button type="submit" class="btn btn-primary">Post Assignment <i class="icon-paperplane ml-2"></i></button></div>
                    </form>
                </div></div>
            </div>
        </div>
    </div>
</div>
@endsection