{% extends "header.html.twig" %}


{% block body_content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Add Slider</h3>
        </div>

        <!-- /.box-header -->
        <form action="{{ path('sliderCreate', {}) }}" class="form-horizontal" method="post" enctype="multipart/form-data">
            <div class="box-body">
                <div class="form-group">
                    <label for="code" class="col-sm-2 control-label">Name</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="name" name="name" placeholder="Name"
                               required="required">
                    </div>
                </div>

                <div class="form-group">
                    <label for="value" class="col-sm-2 control-label">Description</label>
                    <div class="col-sm-10">
                        <textarea class="form-control" id="description" name="description" placeholder="Description"
                                  required="required"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="code" class="col-sm-2 control-label">Button Text</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="button_text" name="button_text"
                               placeholder="Button Text"
                               required="required">
                    </div>
                </div>
                <div class="form-group">
                    <label for="status" class="col-sm-2 control-label">Button Service</label>
                    <div class="col-sm-10">
                        <select class="form-control" id="button_service" name="button_service" required="required">
                            <option value="planning_nightout">Planning Nightout</option>
                            <option value="is_pet_bored">Is your pet bored</option>
                            <option value="keep_pet_healthy">Keep your pet healthy</option>
                            <option value="best_deal">Best Deal</option>
                            <option value="refer_now">Refer Friend</option>
                            <option value="external_link">External Link</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="code" class="col-sm-2 control-label">Button Link</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="button_link" name="button_link"
                               placeholder="Button Link">
                    </div>
                </div>
                <div class="form-group">
                    <label for="code" class="col-sm-2 control-label">Slider Image</label>
                    <div class="col-sm-10">
                        <input type="file" class="form-control" id="slider_picture" name="slider_image"
                               required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="code" class="col-sm-2 control-label">Background Color</label>
                    <div class="col-sm-10">
                        <input type="color" class="form-control" id="color" name="color" placeholder="Background Color"
                               required="required">
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label"></label>
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-success  pull-left">&nbsp;&nbsp;&nbsp;Save&nbsp;&nbsp;&nbsp;</button>&nbsp;&nbsp;&nbsp;
                        <button type="button" class="btn btn-default" onclick="goBack()">&nbsp;&nbsp;Cancel&nbsp;&nbsp;</button>
                    </div>
                </div>
            </div>
        </form>
        <!-- /.box-body -->
    </div>
{% endblock body_content %}
{% block script_content %}
    <script>

      function goBack() {
        window.history.back();
      }
    </script>
{% endblock script_content %}