{% extends "layout.html" %}
{% block styleFiles %}
<!-- Dropzone.js -->
<link href="../vendors/dropzone/dist/min/dropzone.min.css" rel="stylesheet">
{% endblock %}
{% block content %}
<!-- page content -->
<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
                <h3>فرم بارگذاری </h3>
            </div>

            <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="جست و جو برای...">
                        <span class="input-group-btn">
                      <button class="btn btn-default" type="button">برو!</button>
                    </span>
                    </div>
                </div>
            </div>
        </div>

        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Dropzone آپلود کننده چندین فایل</h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                   aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">تنظیمات 1</a>
                                    </li>
                                    <li><a href="#">تنظیمات 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="close-link"><i class="fa fa-close"></i></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <p>چند فایل را به جعبه زیر برای بارگیری چندگانه بکشید یا برای انتخاب فایل ها روی آن کلیک کنید.
                            این فقط برای هدف نمایش است، فایل ها به هیچ سرور آپلود نمی شوند.</p>
                        <form action="form_upload.html"
                              class="dropzone"
                              id="my-awesome-dropzone"></form>
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
{% endblock %}

{% block scriptsFiles %}
<!-- Dropzone.js -->
<script src="../vendors/dropzone/dist/min/dropzone.min.js"></script>
{% endblock %}
{% block scripts %}
<script>

    Dropzone.options.myAwesomeDropzone = {
        dictDefaultMessage: "فایل را اینجا رها کنید تا آپلود شود",
        dictFallbackMessage: "مرورگر شما آپلود فایل drag'n'drop را پشتیبانی نمی کند.",
        dictFallbackText: "برای بارگذاری فایل های خود مانند روزهای گذشته، از فرم پشت زیر استفاده کنید.",
        dictFileTooBig: "پرونده خیلی بزرگ است ({{filesize}}MiB). حداکثر اندازه فایل: {{maxFilesize}}MiB.",
        dictInvalidFileType: "شما نمیتوانید فایلهای این نوع آپلود کنید.",
        dictResponseError: "سرور کد {{statusCode}} را در پاسخ داد.",
        dictCancelUpload: "لغو آپلود",
        dictCancelUploadConfirmation: "آیا مطمئن هستید که میخواهید این آپلود را لغو کنید؟",
        dictRemoveFile: "حذف فایل",
        dictRemoveFileConfirmation: null,
        dictMaxFilesExceeded: "شما نمیتوانید فایلهای بیشتری آپلود کنید."
    }
</script>
{% endblock %}
