Untitled

<!-- Employment Details Review Form -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h4>Employment Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                {% if scwe %}
                                    <div class="col-md-12 d-flex align-items-end table-responsive" style="padding-left: 32px; padding-right: 25px;">
                                            <table style="width: 100%; border-collapse: collapse; border: 1px solid #E4E4E4; margin-bottom: 20px; border-radius: 10px;" class="table text-center table-sm">    
                                                <thead class="table-info" style="text-align: left; color:#534D59">
                                                <tr>
                                                    <th style="border:none; color: #534D59;font-size: 14px; font-weight: 600;" scope="col">Organization</th>
                                                    <th style="border:none; color: #534D59;font-size: 14px; font-weight: 600;" scope="col">Designation Held</th>
                                                    <th style="border:none; color: #534D59;font-size: 14px; font-weight: 600;" scope="col">Start Date</th>
                                                    <th style="border:none; color: #534D59;font-size: 14px; font-weight: 600;" scope="col">End Date</th>
                                                </tr>
                                            </thead>
                                            <tbody class="fs-5 table-light" id="exp_tbody" style="text-align: left; color:#424242">
                                                {% for i in scwe %}
                                                <tr id="exp{{i.id}}">
                                                    <td style="border:none; font-weight: 400; font-size: 14px; color: #1B2128;">{{i.organization}}</td>
                                                    <td style="border:none; font-weight: 400; font-size: 14px; color: #1B2128;">{{i.designations}}</td>
                                                    <td style="border:none; font-weight: 400; font-size: 14px; color: #1B2128;">{{i.start_date}}</td>
                                                    <td style="border:none; font-weight: 400; font-size: 14px; color: #1B2128;">{{i.end_date}}</td>
                                                </tr>
                                                {% endfor %}
                                            </tbody>
                                            
                                        </table>
                                    </div>
                                {% endif %}
                            </div>        
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Employment Status:</label>
                                        <div class="reviewform-control">{{ sca.get_current_employment_status_display }}</div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Organization:</label>
                                        <div class="reviewform-control">{{ sca.current_organization }}</div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Designation:</label>
                                        <div class="reviewform-control">{{ sca.current_designation }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Work Location:</label>
                                        <div class="reviewform-control">{{ sca.work_location }}</div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Organization Industry:</label>
                                        <div class="reviewform-control">{{ sca.current_org_industry }}</div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Organization Employment Date:</label>
                                        <div class="reviewform-control">{{ sca.current_org_employment_date }}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    {% if sca.current_org_employee_number %}
                                    <div class="form-group review-form">
                                        <label class="form-label">Current Employee Number:</label>
                                        <div class="reviewform-control">{{ sca.current_org_employee_number|default:'-' }}</div>
                                    </div>
                                    {% endif %}
                                </div>
                            </div>            
                        </div>
                    </div>