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

{% block title %}Edit Subgroup - Cross World Group{% endblock %}

{% block body %}

  <!-- Title Start  -->
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-menu icon-gradient bg-ripe-malin text-success">
                    </i>
                </div>
                <div><h3>Subgroup</h3>
                    
                </div>
            </div>
            
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <nav class="" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                                    <li class="breadcrumb-item"><a href="{{ path('subgroup_index') }}">Subgroup List</a></li>
                                    <li class="active breadcrumb-item" aria-current="page">Edit</li>
                                </ol>
                            </nav>
                </div>
            </div>   
            
        </div>
    </div>    
        
    <ul class="body-tabs body-tabs-layout tabs-animated body-tabs-animated nav">
        
        <li class="nav-item">
            <a role="tab" class="nav-link active"  href="{{ path('subgroup_index') }}">
                <span><i class="fa fa-list"> Subgroup List</i></span>
            </a>
        </li>
            <li class="nav-item">
             {{ include('subgroup/_delete_form.html.twig') }}
            {# <a role="tab" class="nav-link"  href="{{ path('company_delete', {'id': company.id}) }}" onclick="return confirm('Are you sure you want to permanent delete this item?');">
                <span><i class="fa fa-trash-o"> Delete</i></span>
            </a> #}
        </li>
    </ul> <!-- Title End  --> 
    
    <!-- Tab Start  --> 
    <div class="tab-content">
    
        <!-- Table Tab Start  --> 
        <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
            <div class="main-card mb-3 card">
                <div class="card-body"><h5 class="card-title">Edit {{ subgroup.name }}</h5>
                    {{ form_start(form) }}                      
                         <div class="form-row">
                            <div class="col-md-4 mb-3">
                                {{ form_row(form.name) }}  

                            </div>
                            <div class="col-md-4 mb-3">
                                {{ form_row(form.groups) }}
                            </div>
                            <div class="col-md-4 mb-3">
                             
                            </div>
                    </div>
                  
                                   
                        <div style="margin-top:10px;">
                        <button class="btn btn-success"><i class="fa fa-save">{{ button_label|default(' Save') }}</i></button>
                        </div>
                    {{ form_end(form) }}
                                       
        
                </div>
            </div>
            
            
        </div> <!-- Table Tab End  --> 
        
        
    </div> <!-- Tab End  --> 


{% endblock %}