

<link rel="stylesheet" href="/admin/assets/libs/select2/select2.css" />
<link rel="stylesheet" type="text/css" href="/admin/app-assets/css/plugins/forms/validation/form-validation.css">
<link rel="stylesheet" href="/admin/assets/css/pages/providers.css?v=2.8.2">
<% const isArabic = typeof lang === 'undefined' || lang !== 'en'; %>

<!-- start content -->
<section id="multiple-column-form" class="kt-provider-form-page">
    <header class="kt-provider-form-hero">
        <div class="kt-provider-form-hero__identity">
            <span class="kt-provider-form-hero__icon" aria-hidden="true"><i class="ti ti-edit"></i></span>
            <div>
                <span class="kt-provider-form-hero__eyebrow"><%= isArabic ? 'ملف مقدم الخدمة' : 'Provider profile' %></span>
                <h1><%= isArabic ? 'تعديل مقدم الخدمة' : 'Edit provider' %></h1>
                <p><%= isArabic ? 'حدّث بيانات الهوية والاتصال والحساب البنكي دون تغيير حالة الحساب.' : 'Update identity, contact, and banking details without changing account state.' %></p>
            </div>
        </div>
        <a class="kt-provider-form-hero__back" href="<%= referer %>"><i class="ti ti-arrow-right"></i><span><%= i18n.__('common.referer') %></span></a>
    </header>
    <div class="row match-height">
        <div class="col-12">
            <div class="card kt-provider-form-card">
  
                <div class="card-content">
                    <div class="card-body kt-provider-form-card__body">
                        <div class="kt-provider-form-card__header">
                            <span aria-hidden="true"><i class="ti ti-id-badge-2"></i></span>
                            <div><h2><%= isArabic ? 'بيانات مقدم الخدمة' : 'Provider details' %></h2><p><%= isArabic ? 'راجع البيانات الحالية ثم احفظ التغييرات المطلوبة فقط.' : 'Review the current details, then save only the required changes.' %></p></div>
                        </div>
                        <form method="PUT" id="editProvider"
                            action="/dashboard/providers/edit/<%=provider.id %>"
                            class="needs-validation store form-horizontal kt-provider-form" novalidate enctype="multipart/form-data">
                          
                            <%- include('../../components/input.ejs', inputAttrs = {
                                type: "hidden",
                                name:"id",
                                value:provider.id,
                                classes: "",
                                ids:""
                              }) %>

                              <%- include('../../components/input.ejs', inputAttrs = {
                                type: "hidden",
                                name:"_csrf",
                                value:csrfToken,
                                classes: "",
                                ids:""
                              }) %>

                            <%- include('../../components/input.ejs', inputAttrs = {
                                type: "hidden",
                                name:"deletedImages",
                                value:"[]",
                                classes: "",
                                ids:["deletedImages"]
                              }) %>
                              

                            <div class="form-body kt-provider-form__body">

                                <div class="row kt-provider-form__grid">

                                    <div class="col-12 kt-provider-form__media">
                                        <%- include('../../components/image.ejs', {
                                        required:'',
                                        url:provider.avatar ,
                                        id:'avatar',
                                        name:'avatar',
                                        imgClass:'d-block uploadedAvatar medium-img rounded' ,
                                        layout : 1,
                                        invalidFeedback:i18n.__('common.{{field}}Required',{field:i18n.__('common.avatar')})
                                    }) %>
                                    </div>

                                 
                                <%- include('../../components/input.ejs', inputAttrs = {
                                    type: "text",
                                    name:'name',
                                    value:provider.name,
                                    required:true,
                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.name')}),
                                    label:i18n.__('common.name'),
                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('common.name')}) ,
                                    classes:["form-control"],
                                    ids:"",
                                    oninput:"validateInput(this)"

                                    }) %>


                                        <%- include('../../components/input.ejs', inputAttrs = {
                                            type: "text",
                                            name:'phone',
                                            required:true,
                                            value:provider.phone ,
                                            label:i18n.__('common.phone'),
                                            invalidMsg:i18n.__('infoSite.phoneRequired'),
                                            placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.phone')}),
                                            classes:["form-control"],
                                            ids:"",
                                            minlength:"10",
                                            maxlength:'10', 
                                            oninput: "this.value = this.value.replace(/[^0-9]/g, ''); validateInput(this)" }) %>

                                <%- include('../../components/input.ejs', inputAttrs = {
                                    type: "text",
                                    name:'bankName',
                                    required:false,
                                    value:provider.bankName,
                                    label:i18n.__('common.bankName'),
                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('common.bankName')}) ,
                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.bankName')}),
                                    classes:["form-control"],
                                    ids:"",
                                    oninput:"validateInput(this)"
                                    }) %>

                                
                                    <%- include('../../components/input.ejs', inputAttrs = {
                                    type: "text",
                                    name:'iban',
                                    required:false,
                                    value:provider.iban,
                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('common.ibanNumber')}) ,
                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.ibanNumber')}),
                                    label:i18n.__('common.ibanNumber'),
                                    classes:["form-control"],
                                    ids:"",
                                    maxlength:"24",
                                    oninput:"validateInput(this)"
                                    }) %>

                    

                                    <%- include('../../components/input.ejs', inputAttrs = {
                                    type: "text",
                                    name:'accountNumber',
                                    required:false,
                                    value:provider.accountNumber,
                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('common.accountNumber')}) ,
                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.accountNumber')}),
                                    label:i18n.__('common.accountNumber'),
                                    classes:["form-control"],
                                    ids:"",
                                    minlength:"10",
                                    maxlength:'24',
                                    oninput: "this.value = this.value.replace(/[^0-9]/g, ''); validateInput(this)"
                                    }) %>

                                    <%- include('../../components/input.ejs', inputAttrs = {
                                    type: "text",
                                    name:'accountName',
                                    required:false,
                                    value:provider.accountName,
                                    label:i18n.__('common.accountName'),
                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('common.accountName')}) ,
                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.accountName')}),
                                    classes:["form-control"],
                                    ids:"",
                                    oninput:"validateInput(this)"
                                    }) %>


<!-- 
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="first-name-column"> <%= i18n.__('common.location') %> </label>
                                            <div class="controls">

                                                <%- include('../../components/input.ejs', inputAttrs = {  type: "hidden", name:"latitude", value:provider.latitude,classes: "", ids:["latitude"]}) %>
                                                <%- include('../../components/input.ejs', inputAttrs = {type: "hidden",name:"longitude",value:provider.longitude,classes: "",ids:["longitude"]}) %>
                                                <%- include('../../components/input.ejs', inputAttrs = {type: "hidden",name:"description",value:provider.address || '',classes: "",ids:["address"]}) %>
                                                <%- include('../../components/input.ejs', inputAttrs = {type: "hidden",name:"showSearch",value:"true",classes: "",ids:["showSearch"]}) %>
                                                <%- include('../../components/input.ejs', inputAttrs = {type: "text",placeholder:i18n.__('common.selectLocation'),classes: ["mapControls"],ids:["searchTextField"]}) %>
                                                <div id="map" class="map-register" style="height: 400px"></div>
                                            </div>
                                        </div>
                                    </div> -->

                                    


                                <div class="col-12 kt-provider-form__commands">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light submit_button"><%= i18n.__('common.edit') %></button>
                                    <a class="btn btn-label-secondary waves-effect"  href="<%=referer%>"> <%= i18n.__('common.referer') %></a>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<%- include('./includes.ejs') %>
<script>

   $('form').on('submit', function (e) {
                const fileInput = $('input[type="file"]');
                const file = fileInput[0].files[0];
                const feedback = fileInput.closest('.image_groub').find('.invalid-feedback');
                const submitButton = $('.submit_button');

                const isResetClicked = fileInput.data('resetClicked');
                if (!file && isResetClicked) {
                    fileInput.addClass('is-invalid');
                    feedback.text("<%= i18n.__('common.pleaseEnterImage') %>").addClass('d-block');
                    submitButton.attr('disabled', true);
                    e.preventDefault();
                    return false;
                }

                submitButton.attr('disabled', false);
            });

</script>
