{% block body %}
<body>
  <header>
     <div style ="margin: 10px; 60px; 10px; 60px;">
        <table style="width: 100%;">
            <tbody>
                <tr>
                    <td  style="width: 50%;">
                    <p><strong style = "font-size: 18px;">Cross World</strong> <br> Plot 1/B, Road 90, Gulshan -2, Dhaka 1212. </p>
                        
                    </td>

                    <td align="right" style="width: 50%;">
                        <img src="{{asset('template/assets/images/cw_logo.jpg')}}" width="140" height="50" />
                    
                    </td>
        
                </tr>
            
            </tbody>
    
        </table>
    </div>
  </header>
  

<main>
<div style ="margin: 10px; 60px; 10px; 60px;">
<table style="width: 100%; ">
       <tbody>
	       <tr>
	        <td  style="width: 100%; text-align: center; background-color:#ddd;">
             <p><strong style = "font-size: 18px;">TOUR REQUEST FORM</strong> </p>
    	    	
	      	</td>
	    
	     </tr>
       
	   </tbody>
  
    </table>
</div>
<div style ="margin: 10px; 60px; 10px; 60px;">
    <table style="width: 100%; border-spacing: 0 10px;">
       <tbody>
	      <tr>
	        <td  style="width: 50%;">
             <p>1. Proposal submission date : <b>{{ tour_request.submitionDate|date("d-m-Y") }}</b></p>
    	    	
	      	</td>
             <td  style="width: 50%;">
             <p>2. Tour scope : <b>{{ tour_request.tourScope }}</b></p>
    	    	
	      	</td>	    
	       </tr>

           <tr>
	        <td colspan ="2" style="width: 100%;">
             <p>3. To be conducted by [Name] : <b>{{ tour_request.user.fullName }} </b></p>
    	    	
	      	</td>            
	       </tr>

            <tr>
	        <td colspan ="2" style="width: 100%;">
             <p>6. Place to visit : <b>{{ tour_request.placeVisit }} </b></p>
    	    	
	      	</td>            
	       </tr>

            <tr>
	        <td colspan ="2" style="width: 100%;">
             <p>7. Expect to visit : <b>{{ tour_request.expectVisit }}</b></p>
    	    	
	      	</td>            
	       </tr>

           <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>8. Tour starting date & time : <b>{{ tour_request.startingDate ? tour_request.startingDate|date('d-m-Y H:i:s') : '' }}</b></p>
    	    	
	      	</td>            
	       </tr>

             <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>9. Tour ending date & time : <b>{{ tour_request.endingDate ? tour_request.endingDate|date('d-m-Y H:i:s') : '' }}</b></p>
    	    	
	      	</td>            
	       </tr>

           <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>10. Contact Phone During Tour : <b>{{ tour_request.contactPhone }}</b></p>
    	    	
	      	</td>            
	       </tr>

           <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>11. Contact Address During Tour : <b>{{ tour_request.contactAddress }}</b></p>
    	    	
	      	</td>            
	       </tr>

            <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>12. Mode of Transportation : <b>{{ tour_request.transportationMode }}</b></p>
    	    	
	      	</td>            
	       </tr>

            <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>13. Brief Description of Purpose of Tour : <b>{{ tour_request.tourPurpose }}</b></p>
    	    	
	      	</td>            
	       </tr>

             <tr>
	        <td  colspan ="2" style="width: 100%;">
             <p>14. Advance Amount <b>{{ tour_request.advanceCurrency }} {{ tour_request.advanceAmount }}</b> required for the tour purpose.</p>
    	    	
	      	</td>            
	       </tr>
       
	   </tbody>
  
    </table>
    </div>

<div style ="margin: 10px; 60px; 10px; 60px;">
    <table style="width: 100%; margin-top:30px;">
    <thead>
    <tr>
        <th style="width: 33%; text-align:left;">  
          {% if approvalStep == 1 %}      
            <a href ="{{ recommendedUrl }}">Approved</a> / <a href ="{{ notRecommendedUrl }}">Not Approved</a>   
          {% else %}
              {% if functionalHeadObj is not null %}
                Approved By<br>
                {{ functionalHeadObj.fullName }}
              {% endif %}
          {% endif %}
          <br>------------------------------------<br>
          
          Functional Head Approval
        </th>
        <th style="width: 33%;  text-align:center;">
         {% if approvalStep == 2 %}  
          <a href ="{{ approvalUrl }}">Approved</a> / <a href ="{{ notApprovalUrl }}">Not Approved</a> 
         {% else %}
              {% if departmentHeadObj is not null %}
                Approved By<br>
                {{ departmentHeadObj.fullName }}
              {% endif %}
         
        {% endif %}
        <br>------------------------------------<br>
         
          Department Head Approval
        </th>

        <th style="width: 22%;  text-align:right;">
        {% if approvalStep == 3 %}  
          <a href ="{{ approvalUrl }}">Approved</a> / <a href ="{{ notApprovalUrl }}">Not Approved</a>    
        {% endif %}
        <br>--------------------------<br>         
        CEO Approval
        </th>
             
    </tr>
    </thead>
</table>
</div>
  </main>

  </body>
{% endblock %}
