@extends('master')

@section('title')
    Home
@stop

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

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></a></div>
        </div>
        @include('partials.nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerBooking">
            <div class="row">
                <div class="large-12 columns">

                    <h1>Book A Lesson</h1>

                    <h2>Parent Details</h2>

                    {{ Form::open() }}
                    <div class="row">
                        <div class="medium-6 large-6 columns">
                            <label>Surname</label>
                            {{ Form::text('parentSurname') }}
                        </div>
                        <div class="medium-6 large-6 columns">
                            <label>Name</label>
                            {{ Form::text('parentName') }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="medium-6 large-6 columns">
                            <label>Email</label>
                            {{ Form::email('email') }}
                        </div>
                        <div class="medium-6 large-6 columns">
                            <label>Contact Number</label>
                            {{ Form::text('number') }}
                        </div>
                    </div>

                    <hr class="hrBooking">

                    <h2>Child's Details</h2>

                    <div class="row">
                        <div class="medium-6 large-6 columns">
                            <label>Name</label>
                            {{ Form::text('childName') }}
                        </div>
                        <div class="medium-6 large-6 columns">
                            <label>Surname</label>
                            {{ Form::text('childSurname') }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="medium-6 large-6 columns">
                            <label>Programme</label>
                            {{ Form::text('program') }}
                        </div>
                        <div class="medium-6 large-6 columns">
                            <label>Subject</label>
                            {{ Form::select('subject', [
                                 '' => 'Please Select',
                                 'English' => 'English',
                                 'Mathematics' => 'Mathematics',
                                 'Physical Science' => 'Physical Science',
                                 'Life Sciences' => 'Life Sciences',
                                 'Geography' => 'Geography',
                                 'Sepedi' => 'Sepedi'
                                 ]
                                 ) }}
                        </div>
                    </div>

                    <div class="row">
                        <div class="medium-6 large-6 columns">
                            <label>Venue</label>
                            {{ Form::text('venue') }}
                        </div>
                        <div class="medium-6 large-6 columns">
                            <label>Start Time</label>
                            <input name="start_time" id="start_time" type="time" />
                        </div>
                    </div>

                    <button class="bookButton" type="submit">Book</button>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

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