{% extends 'back.twig' %}

{% block title %} Builders{% endblock %}

{% block body %}

    <div class="content-wrapper">

        <section class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1>Edit {{ 'Supervisor'|trans }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <li class="breadcrumb-item"><a href="{{ path('app_admin_dashboard') }}">Home</a></li>
                            <li class="breadcrumb-item"><a href="{{ path('admin_builder_index') }}">Builders</a></li>
                            <li class="breadcrumb-item active">Edit {{ 'Supervisor'|trans }}</li>
                        </ol>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </section>

        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="card ">
                        <div class="card-header with-border" style="padding-bottom: 0px;">
                            Edit {{ 'Supervisor'|trans }}
                        </div>
                        <div class="card-body">
                            <div class="tab-content">
                                <div id="edit_builder_details" class="tab-pane active">
                                    <form class="form-horizontal" action="javascript:void(0)">
                                        <div class="form-group row">
                                            <label for="supervisor_name" class="col-sm-2 col-form-label">{{ 'Supervisor'|trans }} Name <span class="compulsory">*</span></label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="supervisor_name" placeholder="{{ 'Supervisor'|trans }} Name" value="{{ supervisor.name }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="supervisor_phone" class="col-sm-2 col-form-label">{{ 'Supervisor'|trans }} Phone</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="supervisor_phone" placeholder="{{ 'Supervisor'|trans }} Phone" value="{{ supervisor.phone }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="supervisor_email" class="col-sm-2 col-form-label">{{ 'Supervisor'|trans }} Email</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" id="supervisor_email" placeholder="{{ 'Supervisor'|trans }} Email" value="{{ supervisor.email }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="supervisor_notes" class="col-sm-2 col-form-label">{{ 'Supervisor'|trans }} Notes</label>
                                            <div class="col-sm-10">
                                                <textarea class="form-control" rows="5" id="supervisor_notes" placeholder="{{ 'Supervisor'|trans }} Notes">{{ supervisor.notes }}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="supervisor_notes" class="col-sm-2 col-form-label">{{ 'Supervisor'|trans }} Active</label>
                                            <div class="col-sm-3">
                                                <input type="checkbox" class="form-control form-check-input" id="supervisor_active"
                                                        {% if supervisor.active %} checked="checked" {% endif %}>
                                            </div>
                                            <div class="col-sm-7">
                                                (Inactive / Left the Builder Company)
                                            </div>
                                        </div>

                                        <a href="{{ path('admin_builder_edit', {'builderId': supervisor.builder.id}) }}">
                                            <button type="button" class="btn btn-info"  style="float: left;">
                                                <i class="fas fa-chevron-circle-left"></i>
                                                Back to Builder
                                            </button>
                                        </a>
                                        <button type="button" class="btn btn-primary" id="update{{ 'Supervisor'|trans }}Btn" style="float: right;">Update {{ 'Supervisor'|trans }}</button>
                                    </form>
                                </div>
                            </div>

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

                <!-- /.col (RIGHT) -->
            </div>
            <!-- /.row -->

        </section>

        <!-- Main content -->
        <!-- /.content -->
    </div>

{% endblock %}

{% block javascripts %}

    <script type="text/javascript">

        $("#update{{ 'Supervisor'|trans }}Btn").on("click", function (){

            var supervisorName = $("#supervisor_name").val();
            var supervisorPhone = $("#supervisor_phone").val();
            var supervisorEmail = $("#supervisor_email").val();
            var supervisorNote = $("#supervisor_notes").val();
            var supervisorActive = ($("#supervisor_active").prop('checked'))? 1 : 0;

            if (validateInput(supervisorName, "{{ 'Supervisor'|trans }} Name")){

                var payload = {
                    id : {{ supervisor.id }},
                    name : supervisorName,
                    phone : supervisorPhone,
                    email : supervisorEmail,
                    note : supervisorNote,
                    active: supervisorActive
                };

                $.ajax({
                    type: 'post',
                    url: '/api/builder/supervisor/upsert',
                    datatype: 'json',
                    data: payload
                })
                .done(function (data) {
                    Swal.fire(
                        'Success!',
                        '{{ 'Supervisor'|trans }} Updated Successfully!',
                        'success'
                    );

                    setTimeout(function(){ location.reload(); }, 2500);
                })
                .fail(function (jqXHR, textStatus, errorThrown) {
                    new Noty({
                        theme: 'metroui',
                        type: 'error',
                        text: "<strong>Error!</strong> Failed to Update the {{ 'Supervisor'|trans }} Details!",
                        timeout: 2000
                    }).show();
                });
            }
        });

    </script>

{% endblock %}