@extends('master')

@section('title')
    Assign a Lesson
@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="assignBackground">
            <div class="row">
                <div class="large-12 columns">

                    <h1 style="text-align: left">ASSIGN<span style="font-weight: 500; color: #003961;"> A LESSON</span></h1>

                    
                    <form action="">
                        <h3>Parent Details</h3>

                    <div class="row">
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Parent Surname: <span style="font-weight: 300;">{{ $booking->parentSurname }}</span></label>
                        </div>
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Parent Name: <span style="font-weight: 300;">{{ $booking->parentName }}</span></label>
                        </div>
                    </div>

                    <div class="row">
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Email: <span style="font-weight: 300;">{{ $booking->email }}</span></label>
                        </div>
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Number: <span style="font-weight: 300;">{{ $booking->number }}</span></label>
                        </div>
                    </div>

                    <hr class="hrBooking">

                    <h3>Child's details</h3>

                    <div class="row">
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Child's name: <span style="font-weight: 300;">{{ $booking->childName }}</span></label>
                        </div>
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Child's surname: <span style="font-weight: 300;">{{ $booking->childName }}</span></label>
                        </div>
                    </div>

                    <hr class="hrBooking">

                    <h3>Lesson Details</h3>

                    <div class="row">
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Programme: <span style="font-weight: 300;">{{ $booking->program }}</span></label>
                        </div>
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Subject: <span style="font-weight: 300;">{{ $booking->subject }}</span></label>
                        </div>
                    </div>

                    <div class="row">
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Venue: <span style="font-weight: 300;">{{ $booking->venue }}</span></label>
                        </div>
                        <div class="large-6 columns">
                            <label style="font-weight: 500;">Start Time: <span style="font-weight: 300;">{{ $booking->start_time }}</span></label>
                        </div>
                    </div>

                    <h3>Assign Tutor/Facilitator</h3>

                    <div class="row">
                        <div class="large-12 columns">
                            <input type="text" name="tutor" value="{{ old('tutor') }}" placeholder="Tutor name">
                        </div>
                    </div>

                    <button class="assignButton" type="submit">Assign Lesson</button>
                    </form>

                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

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