@extends('adminlte::page')

@section('css')
@stop

@section('content')
    <!-- content -->
    <section class="content" style="padding: 40px;">
        <div class="row">
            @include('layouts.message')
            <div class="col-xs-12">
                <div class="box  box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Create Weekly Quest</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <form id="edit-arena-rank-form"
                              action="{{action('WeeklyQuestController@store')}}"
                              method="post">
                            {{ csrf_field() }}

                            <div class="form-group">
                                <label class="col-form-label" for="quest-type">Quest Type</label>
                                <input id="quest-type" class="form-control"
                                       name="questType" type="number" value="">
                            </div>
                            <div class="form-group">
                                <label class="col-form-label" for="number">Number</label>
                                <input id="number" class="form-control"
                                       name="number" type="number" value="">
                            </div>
                            <div class="form-group">
                                <label for="required-quest-id" class="col-form-label">Required Quest ID</label>
                                <input type="number" class="form-control" id="required-quest-id"
                                       name="requireQuestId">
                            </div>

                            <div class="form-group">
                                <label for="required-level" class="col-form-label">Required Level</label>
                                <input type="number" class="form-control" id="required-level"
                                       name="requireLevel">
                            </div>
                            <div class="form-group">
                                <label for="rewards" class="col-form-label">Rewards</label>
                                <a style="float: right" href="#" onclick="prettyPrint('rewards')"><b>Pretty Print</b></a>
                                <textarea id="rewards" name="rewards" rows=10 class="form-control"></textarea>
                                <small id="error-rewards" class="text-danger" style="display: none"></small>
                            </div>
                            <div class="form-group">
                                <label for="quest-point" class="col-form-label">Quest Point</label>
                                <input type="number" class="form-control" id="quest-point"
                                       name="questPoint" value="">
                            </div>
                            <div class="form-group">
                                <label for="quest-log-name" class="col-form-label">Quest Log Name</label>
                                <input type="text" class="form-control" id="quest-log-name" required
                                       name="quest_log_name" value="">
                            </div>

                            <a href="{{action('WeeklyQuestController@index')}}" class="btn btn-default">Cancel</a>
                            <button type="submit" class="btn btn-primary pull-right">Submit</button>
                        </form>
                        <!-- /.box-body -->
                    </div>
                </div>
            </div>
        </div>
    </section>

@stop

@push('js')
    <script type="text/javascript" src="{{asset('js/quest.js') }}"></script>
@endpush