@extends('dashboard::layouts.app-user')

@section('app-user-content')
    <div class="row">
        <div class="padded-area clearfix">
            <div class="col-xs-12">
                <div class="expectations-title">
                    <h3>
                        <span class="expectations">Your expectations:</span> <span class="provide-info-hackathon-title">{{ $hackathon->title }}</span>
                    </h3>
                </div>

                @include('dashboard::partials.errors')

                <div class="start-hackathon-container">

                    {!! Form::open([
                        'class' => 'form',
                        'method' => 'POST',
                        'route' => ['hackathon.store-info', $hackathon->slug],
                    ]) !!}

                    <div class="form-group clearfix">
                        <div class="input-group date edit-account-custom-date-styles clearfix" id = "datetimepicker">
                            {!! Form::label('Estimated finish date: ') !!}
                            {!! Form::text('estimated_finish_date', null, ['class' => 'form-control', 'placeholder' => 'Estimated Finish Date']) !!}
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('Purpose: ') !!}
                        {!! Form::textarea('purpose', null, ['class' => 'form-control', 'placeholder' => 'Purpose']) !!}
                    </div>

                    <div class="form-group">
                        <a href="{{ route('hackathon.skip-provide-info', $hackathon->slug) }}" class="skip-provide-info button-app button-app-two form-control-app">SKIP</a>
                        {!! Form::submit('SAVE', ['class' => 'button-app button-app-two form-control-app']) !!}
                    </div>

                    {!! Form::close() !!}

                </div>

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

    <script src="/vendor/moment/min/moment.min.js"></script>
    <script src="/vendor/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/js/app/datetimepicker.js"></script>
@endsection