#{extends 'main.html'/}


<div class="profile">
    <div class="profile-header">
        <!-- BEGIN profile-header-cover -->
        <div class="profile-header-cover"></div>
        <!-- END profile-header-cover -->
        <!-- BEGIN profile-header-content -->
        <div class="profile-header-content">
            <!-- BEGIN profile-header-img -->

            <!-- END profile-header-info -->
        </div>
        <!-- END profile-header-content -->
        <!-- BEGIN profile-header-tab -->
        <ul class="profile-header-tab nav nav-tabs">
            <li class="nav-item"><a href="#info" class="nav-link active" data-toggle="tab">ΣΤΟΙΧΕΙΑ</a></li>
            <li class="nav-item"><a href="#document" class="nav-link" data-toggle="tab">ΕΓΓΡΑΦΑ</a></li>
        </ul>
        <!-- END profile-header-tab -->
    </div>
    <div class="profile-content">
        <!-- begin tab-content -->
        <div class="tab-content p-0">
            <!-- begin #profile-post tab -->
            <div class="tab-pane fade active show" id="info">
            #{form  @controllers.Projects.doAddLead(lead?.id),  id:'projectForm'}
                <div class="row">
                    <div class="col">
                        <div class="panel panel-inverse">
                            <!-- begin panel-heading -->
                            <div class="panel-heading">
                                <h4 class="panel-title">Στοιχεία lead</h4>
                            </div>
                            <!-- end panel-heading -->
                            <!-- begin panel-body -->
                            <div class="panel-body">
                                <div class="form-row">
                                    <div class="col-md-6">
                                        <div class="form-row">
                                            <div class="col-md-12 mb-3">
                                                <label for="validationServer02">Όνομασία Lead</label>
                                                <input type="text" class="form-control" name="name"
                                                       id="validationServer02"
                                                       value="${flash.name == null ? lead?.name : flash.name}"
                                                       required>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="col">
                                                <label for="validationServer07">Κατάσταση</label>
                                                <div class="controls">
                                                    <select id="statusId" name="statusId"
                                                            class="form-control input-lg">
                                                        <option value='1' ${lead?.status.equals('1')?"selected='selected'":""}>
                                                            OPENED
                                                        </option>
                                                        <option value='2' ${lead?.status.equals('2')?"selected='selected'":""}>
                                                            REOPENED
                                                        </option>
                                                        <option value='3' ${lead?.status.equals('3')?"selected='selected'":""}>
                                                            FUTURE EXAMINATION
                                                        </option>
                                                        <option value='4' ${lead?.status.equals('4')?"selected='selected'":""}>
                                                            CLOSED
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <label for="validationServer03">Υπεύθυνος</label>
                                                <div class="controls">
                                                    <select id="person" name="personId"
                                                            class="form-control input-lg">
                                                        #{list persons}
                                                            <option value='${_.id}' ${lead?.handledBy?.id==_.id?"selected='selected'":""}>${_.getFullName()}</option>
                                                        #{/list}
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col mb-3">
                                                <label for="validationServer15"> Ημ. Καταγραφής</label>
                                                <div class="input-group date" id="createDate">
                                                    <input type="text" name="createDateString"
                                                           class="form-control"
                                                           id="validationServer15"
                                                           data-date-format="dd-mm-yyyy"
                                                           value="${flash.createDate == null ? lead?.createDate?.toDate()?.format("dd-MM-yyyy"): flash.createDate}">
                                                    <div class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row mb-3">
                                            <div class="col">
                                                <label for="validationServer03">Πελάτης</label>
                                                <div class="controls">
                                                    <select id="customer" name="customerId"
                                                            class="form-control input-lg">
                                                        #{list customers}
                                                            <option value='${_.id}' ${lead?.customer?.id==_.id?"selected='selected'":""}>${_.financialInfo?.fullName}</option>
                                                        #{/list}
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="col">
                                                <label for="validationServer02">Περιγραφή lead</label>
                                                <textarea type="text" class="form-control" name="description" rows="4" id="description">${flash.description == null ? lead?.description : flash.description}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer">
                                <div class="form-inline">
                                    <div class="col-1">
                                        <a href="/filterLeads" class="btn btn-grey">Επιστροφή
                                        </a>
                                    </div>
                                    <div class="col-1">
                                        <button id="btnSubmit" type="submit" class="btn btn-success">
                                            #{if lead?.id == null} Εισαγωγή #{/if} #{else} Ενημέρωση  #{/else}
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <!-- end panel-body -->
                        </div>
                    </div>
                </div>
            #{/form}
            </div>
            <div class="tab-pane fade" id="document">
                <button id="showPersonForm"
                        class="btn btn-sm btn-primary"
                        data-toggle="modal"
                        data-target="#addFileModal">Εισαγωγή εγγράφου
                </button>

                <div id="listDocuments" class="p-t-20"></div>
            </div>
        </div>
        <!-- end tab-content -->
    </div>


</div>



<div id="addFileModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Εισαγωγή αρχείων</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <form id="fileupload" action="@{Projects.doUpload()}" method="POST" enctype="multipart/form-data"
                      class="">
                    <input type="hidden" name="lead_id" value="${lead?.id}">
                    <input type="hidden" name="project_id" value="">
                    <input type="hidden" name="customer_id" value="">
                    <!-- begin panel -->
                    <div class="panel panel-inverse">
                        <!-- begin panel-body -->
                        <div class="panel-body">
                            <div class="row">
                                <label for="fileTitle">Τίτλος αρχείου</label>
                                <input type="text" name="title" id="fileTitle" class="form-control">

                                <div class="checkbox checkbox-css p-t-10">
                                    <input type="checkbox" id="isImage" name="isImage" class="form-control" >
                                    <label for="isImage">Αρχείο γραφικού;</label>
                                </div>
                                <!-- The global file processing state -->
                                <span class="fileupload-process"></span>

                            </div>
                            <div class="row p-t-20" style="margin-left: -20px">
                                <div class="col-md-7 p-t-5">
								<span class="btn btn-default fileinput-button m-r-10">
									<i class="fa fa-plus"></i>
									<span>Add files...</span>
									<input type="file" name="files[]" multiple="">
								</span>
                                </div>
                            </div>
                        </div>
                        <!-- end panel-body -->
                    </div>
                    <div id="progress">
                        <div class="bar" style="width: 0%;"></div>
                    </div>
                    <!-- end panel -->
                </form>
            </div>
            <div class="modal-footer">
                <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Επιστροφή</a>
                <button type="button" id="addFile" class="btn btn-success"
                        onclick='document.getElementById("fileupload").submit()'>Ενημέρωση
                </button>
            </div>
        </div>
    </div>
</div>




<script>

</script>

<script>
    jQuery(function ($) {


        var listDocAction = #{jsAction @controllers.Application.listDocuments(null,null, lead?.id)/}
                $("#listDocuments").load(listDocAction(), function () {
                    $("#listDocuments").show();

                })



        $('.date').datepicker({
            startView: 2,
            language: "el",
            format: 'dd-mm-yyyy',
            autoclose: true
        });

    });
</script>