@extends('layouts.master')
@section('page_title', 'User Profile - '.$user->name)
@section('content')
    <div class="row">
        <div class="col-md-3 text-center">
            <div class="card">
                <div class="card-body">
                    <img style="width: 90%; height:90%" src="{{ $user->photo }}" alt="photo" class="rounded-circle">
                    <br>
                    <h3 class="mt-3">{{ $user->name }}</h3>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="card">
                <div class="card-body">
                    <ul class="nav nav-tabs nav-tabs-highlight">
                        <li class="nav-item">
                            <a href="#" class="nav-link active" >{{ $user->name }}</a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        {{--Basic Info--}}
                        <div class="tab-pane fade show active" id="basic-info">
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td class="font-weight-bold">Name</td>
                                    <td>{{ $user->name }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold">Gender</td>
                                    <td>{{ $user->gender }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold">Address</td>
                                    <td>{{ $user->address }}</td>
                                </tr>
                                @if($user->email)
                                    <tr>
                                        <td class="font-weight-bold">Email</td>
                                        <td>{{$user->email }}</td>
                                    </tr>
                                @endif
                                @if($user->username)
                                    <tr>
                                        <td class="font-weight-bold">Username</td>
                                        <td>{{$user->username }}</td>
                                    </tr>
                                @endif
                                @if($user->phone)
                                    <tr>
                                        <td class="font-weight-bold">Phone</td>
                                        <td>{{$user->phone.' '.$user->phone2 }}</td>
                                    </tr>
                                @endif
                                <tr>
                                    <td class="font-weight-bold">Birthday</td>
                                    <td>{{$user->dob }}</td>
                                </tr>
                                @if($user->bg_id)
                                    <tr>
                                        <td class="font-weight-bold">Blood Group</td>
                                        <td>{{$user->blood_group->name }}</td>
                                    </tr>
                                @endif
                                @if($user->nal_id)
                                    <tr>
                                        <td class="font-weight-bold">Nationality</td>
                                        <td>{{$user->nationality->name }}</td>
                                    </tr>
                                @endif
                                @if($user->state_id)
                                    <tr>
                                        <td class="font-weight-bold">State</td>
                                        <td>{{$user->state->name }}</td>
                                    </tr>
                                @endif
                                @if($user->lga_id)
                                    <tr>
                                        <td class="font-weight-bold">LGA</td>
                                        <td>{{$user->lga->name }}</td>
                                    </tr>
                                @endif
                                @if($user->user_type == 'parent')
                                    <tr>
                                        <td class="font-weight-bold">Children/Ward</td>
                                        <td>
                                        @foreach(Qs::findMyChildren($user->id) as $sr)
                                            <span> - <a href="{{ route('students.show', Qs::hash($sr->id)) }}">{{ $sr->user->name.' - '.$sr->my_class->name. ' '.$sr->section->name }}</a></span><br>

                                            @endforeach
                                        </td>
                                    </tr>
                                @endif

                                @if($user->user_type == 'teacher')
                                    <tr>
                                        <td class="font-weight-bold">Class Teacher Of</td>
                                        <td>{{ !empty($class_teacher_of) && $class_teacher_of->count() ? $class_teacher_of->implode(', ') : '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">My Subjects</td>
                                        <td>
                                            @foreach(Qs::findTeacherSubjects($user->id) as $sub)
                                                <span> - {{ $sub->name.' ('.$sub->my_class->name.')' }}</span><br>
                                            @endforeach
                                        </td>
                                    </tr>
                                @endif

                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


    @if($user->user_type == 'teacher' && isset($teach_classes) && (Qs::userIsTeamSA() || Auth::user()->id == $user->id))
        <div class="row">
            <div class="col-md-9 offset-md-3">
                <div class="card">
                    <div class="card-header header-elements-inline">
                        <h6 class="card-title font-weight-bold"><i class="icon-books mr-2"></i> Teaching Assignment</h6>
                    </div>
                    <div class="card-body">
                        @if(Qs::userIsTeamSA())
                            @php
                                $with_subjects = $teach_classes->filter(function ($c) { return $c->subjects->count(); });
                                $mine_by_class = $with_subjects->map(function ($c) use ($user) { return [$c, $c->subjects->where('teacher_id', $user->id)]; })->filter(function ($x) { return $x[1]->count(); });
                                $addable = $with_subjects->filter(function ($c) use ($user) { return $c->subjects->where('teacher_id', '!=', $user->id)->count(); });
                            @endphp
                            <form method="post" action="{{ route('users.teaching', Qs::hash($user->id)) }}">
                                @csrf @method('PUT')

                                <h6 class="font-weight-semibold">Currently teaching</h6>
                                @forelse($mine_by_class as [$c, $subs])
                                    <div class="mb-2">
                                        <strong>{{ $c->name }}</strong>
                                        <div class="row">
                                            @foreach($subs as $sb)
                                                <div class="col-sm-6 col-lg-4">
                                                    <div class="custom-control custom-checkbox mb-1">
                                                        <input type="checkbox" class="custom-control-input" name="subject_ids[]" value="{{ $sb->id }}" id="sb-{{ $sb->id }}" checked>
                                                        <label class="custom-control-label" for="sb-{{ $sb->id }}">{{ $sb->name }}</label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @empty
                                    <p class="text-muted">No subjects assigned yet.</p>
                                @endforelse
                                <p class="text-muted font-size-sm">Un-tick a subject to take it off {{ $user->name }}.</p>

                                <hr>
                                <h6 class="font-weight-semibold">Add / change: pick a class, then tick the subjects</h6>
                                @if($addable->count())
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <select id="teach-class" class="form-control">
                                                <option value="">Select a class...</option>
                                                @foreach($addable as $c)
                                                    <option value="{{ $c->id }}">{{ $c->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    @foreach($addable as $c)
                                        <div class="teach-block border rounded p-2 mb-3" data-class="{{ $c->id }}" style="display:none">
                                            <div class="custom-control custom-checkbox mb-2 border-bottom pb-2">
                                                <input type="checkbox" class="custom-control-input teach-all" data-class="{{ $c->id }}" id="ta-{{ $c->id }}">
                                                <label class="custom-control-label font-weight-semibold" for="ta-{{ $c->id }}">{{ $c->name }} <small class="text-muted">&mdash; select all</small></label>
                                            </div>
                                            <div class="row">
                                                @foreach($c->subjects->where('teacher_id', '!=', $user->id) as $sb)
                                                    <div class="col-sm-6 col-lg-4">
                                                        <div class="custom-control custom-checkbox mb-1">
                                                            <input type="checkbox" class="custom-control-input teach-c{{ $c->id }}" name="subject_ids[]" value="{{ $sb->id }}" id="sb-{{ $sb->id }}">
                                                            <label class="custom-control-label" for="sb-{{ $sb->id }}">{{ $sb->name }}
                                                                @if($sb->teacher_id)<small class="text-warning">(now: {{ optional($sb->teacher)->name }})</small>@endif
                                                            </label>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    @endforeach
                                    <p class="text-muted font-size-sm">Ticking a subject that already has another teacher moves it to {{ $user->name }}. You can pick another class and tick more before saving.</p>
                                @else
                                    <p class="text-muted">No other subjects available. Create more under Manage Subjects.</p>
                                @endif
                                <div class="text-right"><button type="submit" class="btn btn-primary">Save Teaching Assignment <i class="icon-paperplane ml-2"></i></button></div>
                            </form>
                        @else
                            @php $mine = Qs::findTeacherSubjects($user->id)->groupBy(function ($x) { return $x->my_class->name; }); @endphp
                            @forelse($mine as $cn => $subs)
                                <p class="mb-1"><strong>{{ $cn }}:</strong> {{ $subs->pluck('name')->implode(', ') }}</p>
                            @empty
                                <p class="text-muted mb-0">No subjects assigned yet.</p>
                            @endforelse
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endif

    {{--User Profile Ends--}}

@endsection

@section('scripts')
<script>
    $(function () {
        $('#teach-class').on('change', function () {
            $('.teach-block').hide();
            if (this.value) { $('.teach-block[data-class="' + this.value + '"]').show(); }
        });
        $('.teach-all').on('change', function () { $('.teach-c' + $(this).data('class')).prop('checked', this.checked); });
    });
</script>
@endsection