@extends('master')

@section('title')
    Lessons List
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></div>
        </div>
        @include('partials.dashboard-nav')
    </div>

    <div class="row fullWidth">
         <div class="large-12 columns">
            <h1 style="text-align: left">LIST<span style="font-weight: 500; color: #003961;"> OF ALL LESSONS</span></h1>
            <table width="100%" style="margin-left: auto; margin-right: auto; display: compact">
                <thead>
                    <tr>
                        <th width="12%"><i class="fa fa-newspaper-o faLesson faDashboard" aria-hidden="true"></i> Programme</th>
                        <th width="8%"><i class="fa fa-book faLesson faDashboard" aria-hidden="true"></i> Subject</th>
                        <th width="12%"><i class="fa fa-building faLesson faDashboard" aria-hidden="true"></i> Venue</th>
                        <th width="12%"><i class="fa fa-building faLesson faDashboard" aria-hidden="true"></i> Booking Assigned to</th>
                        <th width="3%"><i class="fa fa-pencil-square-o faLesson faDashboard" aria-hidden= "true"></i> Assign</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($bookings as $booking)
                        <tr>
                            <td>{{ $booking->program }}</td>
                            <td>{{ $booking->subject }}</td>
                            <td>{{ $booking->venue }}</td>
                            @if($booking->tutor!=NULL)
                            <td>{{ $booking->tutor }}</td>
                            @else
                            <td>Not yet assigned</td>
                            @endif
                            <td class="text-center"><a href="assign-lesson/{{ $booking->id }}"> <i class="lightGrey fa fa-pencil-square-o faDashboard" aria-hidden="true"></i> </a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div class="row">
                <div class="large-12 columns">
                    <div class="pagination"> {{ $bookings->links() }} </div>
                </div>
            </div>
        </div>
    </div>

@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>
@stop