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

{% block title %}Edit Local Expenses - {{ parent() }} {% 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>Local Expenses</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('local_expense_index') }}">Local Expenses 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('local_expense_index') }}">
                <span><i class="fa fa-list"> Local Expenses List</i></span>
            </a>
        </li>
            <li class="nav-item">
             {# {{ include('sales_invoice/_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 Local Expenses  </h5>
                <div class="divider"></div> 
                    {{ form_start(form) }}                      
                        
                       
                                <div class="form-row">
                                    <div class="col-md-5 mb-4">
                                        {{ form_row(form.startingDate) }}
                                    </div>

                                        <div class="col-md-1 mb-1">                                                    
                                        
                                    </div>

                                    <div class="col-md-5 mb-4">
                                        {{ form_row(form.endingDate) }}
                                    </div>

                                        <div class="col-md-1 mb-1">
                                        
                                    </div>                                                    
                                </div>

                                    <div class="form-row">
                                    <div class="col-md-11 mb-12">
                                        {{ form_row(form.tourDetails) }}
                                    </div>  
                                    <div class="col-md-1 mb-1">
                                        
                                    </div>  
                                </div>
                

                                           
                                    <div class="divider"></div> 
                                    <h5 class="card-title">LOCAL EXPENSES DETAILS</h5>
                                    <div class="divider"></div> 
                            
                                   <div class="row" style="font-size: .73rem;">
                                          
                                          <div id="localExpenses" class="table-responsive table-hover">
										
                                            <table id="localExpensesDetails">
                                                <thead>
                                                <tr style="text-align:center;">
                                                    {# <th style="text-align:center;">SL #</th> #}
                                                    <th style="text-align:center;">Expenses Category<span style="color:red;">*</span> </th>
                                                    <th style="text-align:center;">Customer Name<span style="color:red;">*</span> </th>
                                                    <th style="text-align:center;">Reason<span style="color:red;">*</span> </th>
                                                    <th style="text-align:center;">From / Location<span style="color:red;">*</span> </th>
                                                    <th style="text-align:center;">From Date<span style="color:red;">*</span></th>
                                                    <th style="text-align:center;">To / Location</th>  
                                                    <th style="text-align:center;">To Date</th>
                                                    <th style="text-align:center;">Mode of Transportation</th>                                                    
                                                    <th style="text-align:center;">Amount<span style="color:red;">*</span></th>
                                                    <th style="text-align:center;">Remarks</th>                                                                               
                                                    <th></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                  {% for tourClaimDetail in tour_claim.tourClaimDetails %}
                                                    {% set counter = ( counter | default(0) ) + 1 %}
                                                    <tr>
                                                            {# <td>{{ counter }}</td>    #}
                                                            <td>
                                                                    <select id="local_expense_details_category" class='form-control'>
                                                                        <option value="0">-Select-</option>
                                                                        <option {% if tourClaimDetail.category == 'Local Conveyance' %} selected {% endif %} value="Local Conveyance">Local Conveyance</option>
                                                                        <option {% if tourClaimDetail.category == 'Food Bill' %} selected {% endif %} value="Food Bill">Food Bill</option>
                                                                        <option {% if tourClaimDetail.category == 'Miscellaneous' %} selected {% endif %} value="Miscellaneous">Miscellaneous</option>
                                                                    </select>
                                                            </td>                                                                                                   
                                                            <td>
                                                                    <input type="text" id="local_expense_details_customerName"  class="form-control" value ="{{ tourClaimDetail.customerName }}" style ="width: 130px;"> 
                                                            </td>
                                                            <td>
                                                                    <select id="local_expense_details_expensePurpose" class='form-control'>
                                                                        <option value="0">-Select-</option>
                                                                        {% for expensePurpose in expensePurposes %}
                                                                            {% if tourClaimDetail.expensePurpose %}
                                                                                <option {% if  tourClaimDetail.expensePurpose.id == expensePurpose.id %} selected {% endif %} value="{{ expensePurpose.id }}">{{ expensePurpose.name }} </option>
                                                                            {% else %}
                                                                                <option value="{{ expensePurpose.id }}">{{ expensePurpose.name }} </option>
                                                                            {% endif %}
                                                                        {% endfor %}
                                                                    </select>
                                                            
                                                            </td>
                                                            <td>
                                                                    <input type="text" id="local_expense_details_fromPlace"  class="form-control" value ="{{ tourClaimDetail.fromPlace }}" style ="width: 130px;"> 
                                                                                                    
                                                            </td>
                                                            <td>
                                                                    <input type="date" id="local_expense_details_startingDate"  class="form-control" value ="{{ tourClaimDetail.startingDate ? tourClaimDetail.startingDate|date('Y-m-d') : '' }}" style ="width: 150px;">                               
                                                            </td>
                                                            <td>
                                                                <input type="text" id="local_expense_details_toPlace"  class="form-control" value ="{{ tourClaimDetail.toPlace }}" style ="width: 130px;"> 
                                                            
                                                            </td>
                                                            <td>
                                                                <input type="date" id="local_expense_details_endingDate"  class="form-control" value ="{{ tourClaimDetail.endingDate ? tourClaimDetail.endingDate|date('Y-m-d') : '' }}" style ="width: 150px;">                               
                                                            
                                                            </td>
                                                            <td>
                                                                    <select id="local_expense_details_travelMode" class='form-control'>
                                                                        <option value="0">-Select-</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Office Car' %} selected {% endif %} value="Office Car">Office Car</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Road-Bus' %} selected {% endif %} value="Road-Bus">Road-Bus</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Road-Auto Rickshaw' %} selected {% endif %} value="Road-Auto Rickshaw">Road-Auto Rickshaw</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Road-Pedal Rickshaw' %} selected {% endif %} value="Road-Pedal Rickshaw">Road-Pedal Rickshaw</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'CNG' %} selected {% endif %} value="CNG">CNG</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Road-Uber / Pathao' %} selected {% endif %} value="Road-Uber / Pathao">Road-Uber / Pathao</option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Self Transport' %} selected {% endif %} value="Self Transport"> Self Transport </option>
                                                                        <option {% if tourClaimDetail.travelMode == 'Road-Bus + Rickshaw' %} selected {% endif %} value="Road-Bus + Rickshaw"> Road-Bus + Rickshaw </option>
                                                                    </select>                                                 
                                                            
                                                            </td> 
                                                            <td>    
                                                                <input type="number" id="local_expense_details_amount"  class="form-control" value ="{{ tourClaimDetail.amount }}" style ="width: 80px;"> 
                                                            </td> 
                                                            <td>
                                                                <input type="text" id="local_expense_details_remarks"  class="form-control" value ="{{ tourClaimDetail.remarks }}" style ="width: 80px;"> 
                                                            </td>   
                                                            <td>
                                                                <input type="button" value="X" class="delete btn btn-danger btn-mini"></td>
                                                            </td>
                                                            <td style="display: none;">
                                                                <input type="text" id="local_expense_details_id" value ="{{ tourClaimDetail.id }}" class="form-control">
                                                            </td>  
                                                    </tr>                                                 
                                                 {% endfor %}
                                                 </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td>                                                    
                                                            </td>

                                                            <td>                                                    
                                                            </td>

                                                            <td>
                                                            </td>

                                                            <td>
                                                            </td>

                                                            <td>                                                    
                                                            </td>

                                                            <td>
                                                            </td>

                                                            <td>
                                                            </td>

                                                            <td>                                                    
                                                            </td>

                                                            <td>
                                                            </td> 

                                                            
                                                            <td style="text-align:right;">
                                                                <input id="addLocalExpensesRow" type="button" value="Add Exp." class="btn btn-info btn-mini"  />
                                                            </td>
                                                        
                                                        </tr>
                                                    </tfoot>
                                            </table>                                 

                                        </div>
                                        </div>

                                        
                  
                                  
                        <div style="margin-top:30px;">
                        <button id="local_expenses_edit" class="btn btn-success"><i class="fa fa-save">{{ button_label|default(' Save as Draft ') }}</i></button>
                        
                        
                        <button id="local_expense_final" class="btn btn-primary"><i class="fa fa-save">{{ button_label|default(' Save as Final ') }}</i></button>

                        </div>
                    {{ form_end(form) }}
                                       
        
                </div>
            </div>
            
            
        </div> <!-- Table Tab End  --> 
        
        
    </div> <!-- Tab End  --> 



<div id="divCategory" style="display: none;">
 {{ form_row(formDet.category , {'attr': {'class': 'form-control ledCategory'}}) }} 
</div>

<div id="divCustomerName" style="display: none;">
{{ form_row(formDet.customerName, {'attr': {'style': 'width: 130px;'}}) }}
</div>

<div id="divExpensePurpose" style="display: none;">
{{ form_row(formDet.expensePurpose) }}
</div>

 <div id="divFromPlace" style="display: none;">
{{ form_row(formDet.fromPlace , {'attr': {'class': 'form-control', 'style': 'width: 130px;'}} ) }}
</div>

 <div id="divStartingDate" style="display: none;">
{{ form_row(formDet.startingDate) }}
</div>

  <div id="divToPlace" style="display: none;">
{{ form_row(formDet.toPlace , {'attr': {'class': 'form-control', 'style': 'width: 130px;'}}) }}
</div>

<div id="divEndingDate" style="display: none;">
 {{ form_row(formDet.endingDate , {'attr': {'class': 'form-control'}}) }}
</div>

 <div id="divTravelMode" style="display: none;">
{{ form_row(formDet.travelMode , {'attr': {'class': 'form-control'}} ) }}
</div>

  <div id="divAmount" style="display: none;">
{{ form_row(formDet.amount , {'attr': {'style': 'width: 80px;'}}) }}
</div>

<div id="divRemarks" style="display: none;">
{{ form_row(formDet.remarks , {'attr': {'style': 'width: 80px;'}}) }}
</div>


    
<div id="path_tour_claim_edit_save" data-href="{{ path('local_expense_edit', {'id': tour_claim.id}) }}"> </div>
<div id="path_tour_claim_edit_success" data-href="{{ path('local_expense_show', {'id': tour_claim.id}) }}"> </div>

{% endblock %}