{% extends 'content.html.twig' %}

{% block pageContent %}
    
    <div class="content-wrapper" style="min-height: 847px;">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">{{ page_title }}</h1>
                    </div>
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                        
                            <li class="breadcrumb-item "><a href="{{ path('company_index')}}">Company</a></li>
                            <li class="breadcrumb-item "><a href="{{ path('company_details', { id: companyId })}}">Company Details</a></li>
                            <li class="breadcrumb-item active">{{ page_title }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class='col-12'>
                         {% include 'flash_message.html.twig' %}
                        <form method="POST" action="{{ path('company_user_form', { companyId : companyId, action: action, id: id})}}">
                            <div class="row">
                             <div class="col-md-4">
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">Account Info</h3>
                                        </div>
                                        <div class="card-body">
                                             <div class="form-group">
                                                {{ form_label(form.branch_desc)}}
                                                {{ form_widget(form.branch_desc)}}
                                                {{ form_widget(form.branch)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.username)}}
                                                {{ form_widget(form.username)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.password.first)}}
                                                {{ form_widget(form.password.first)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.password.second)}}
                                                {{ form_widget(form.password.second)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.type)}}
                                                {{ form_widget(form.type)}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                 <div class="col-md-4">
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">Personal Info</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group">
                                                {{ form_label(form.first_name)}}
                                                {{ form_widget(form.first_name)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.last_name)}}
                                                {{ form_widget(form.last_name)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.gender)}}
                                                {{ form_widget(form.gender)}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                           
                                <div class="col-md-4">
                                    <div class="card card-secondary">
                                        <div class="card-header">
                                            <h3 class="card-title">Address Info</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="form-group">
                                                {{ form_label(form.address)}}
                                                {{ form_widget(form.address)}}
                                            </div>
                                            <div class="form-group">
                                                {{ form_label(form.contact_no)}}
                                                {{ form_widget(form.contact_no)}}
                                            </div>
                                        </div>
                                    </div>    
                                </div>
                            </div>
                            
                            <div class="col-12">
                                <div class="card-footer text-right">
                                    <button type="submit" class="btn just-continue btn-primary" name="action" value="{{ action }}"
                                        data-message="Are you sure you want to save this information?">Submit</button>
                                        {% if action == 'u' and (userData.type == 'Super Admin'  or 'Company View User Delete' in userData.accesses )  %}
                                        <button type="submit" class="ask-continue btn  btn-danger" name="action" value="d"
                                                data-message="Are you sure you want to delete this record?">Delete</button>
                                    {% endif %}
                                    <a href="{{ path('company_details', { id: companyId })}}" class="button secondary btn btn-secondary">Back</a>
                                </div>

                                {{ form_widget(form.company) }}
                                {{ form_widget(form.action) }}
                                {{ form_widget(form.id) }}
                                {{ form_widget(form._token) }}
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>

    {% include 'js.html.twig' %}

   <script language="javascript">
        //<![CDATA[
        $(document).ready(function(){
            company_user_form.settings.branchAutocompleteUrl = '{{ path('branch_autocomplete') }}';
            company_user_form.settings.companyId = '{{ companyId }}'
            company_user_form.init();
        });
        //]]>
    </script>
    
{% endblock %}