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

{% block title %}Edit Transaction - 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>Transaction</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('transaction_index') }}">Transaction 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('transaction_index') }}">
                <span><i class="fa fa-list"> Transaction List</i></span>
            </a>
        </li>
            <li class="nav-item">
             {{ include('transaction/_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 {{ transaction.description }}</h5>
                    {{ form_start(form) }}
                         <strong>   Transaction ID  : 
                            {{ transaction.description }}   </strong>                
                            {{ form_row(form.bankaccount) }}
                            {{ form_row(form.currency) }}
                            {{ form_row(form.trandate) }}
                            {{ form_row(form.trandetails) }}
                            {{ form_row(form.debit) }}
                            {{ form_row(form.credit) }}
                            {{ form_row(form.remarks) }}   
                                   
                        <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 %}