@extends('web.layout.master')
@section('content')
<section class="section track_your_transaction py-5">
   <div class="container py-md-2">
      <div class="row justify-content-center" >
         <div class="col-xl-8 col-lg-10" >
             <div class="track_transaction_details text-center verifySection" >
                 <form id="queryForm">
                    @csrf
                     <div class="shipping-form  mt-3 mb-4 pickup">
                        <div class="row clearfix">
                           <div class="form-group col-md-12 col-sm-12 "> 
                              <input type="text" name="transaction_id" class="form-control  validate" placeholder="Enter transaction Id" >
                              <p class="text-danger" id="transaction_idError"></p>
                           </div> 
                        </div>
                        <button type="button" onclick="sendQuery(this)" class="btn btn-primary hover-ripple">Check Status</button>
                     </div>
                  </form>
              </div>
            <div class="track_transaction_details text-center resetSection" style="display:none;">
               <strong class="trans_id" id="transId">Trans ID #</strong>
               <h3>transaction title(Submit Appliction)</h3>
               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus aliquid, minus ad reiciendis quae tenetur. Ut dignissimos eligendi officiis! Corporis, doloribus architecto veniam voluptatem assumenda quia debitis molestias incidunt! Molestiae!</p> 
                <div class="row transaction_companydetails">
                   <div class="col-12">
                     <h3>Client: CAGITAL</h3>
                   </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Client Name</label>
                     <p type="text" id="name" class="companydetails_fieldds" readonly="true"></p>
                        
                     
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Mail Address</label>
                     <p type="text" id="mail" class="companydetails_fieldds" readonly="true"></p>
                     <!-- <div class="companydetails_fieldds">
                     John@gmail.com
                     </div> -->
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Mobile Number</label>
                     <p type="text" id="mobile" class="companydetails_fieldds" readonly="true"></p>
                     <!-- <div class="companydetails_fieldds">
                        +91 9899816279
                     </div> -->
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Excepted Time: </label>
                     <p class="companydetails_fieldds" id="expecting_time" readonly="true"></p>
                   
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Cost : </label>
                     <p  class="companydetails_fieldds" id="transaction_cost" readonly="true"></p>
                        
                     
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Date/Time : </label>
                     <p class="companydetails_fieldds" id="datetime" readonly="true"></p>
                      
                  </div>
                  <div class="col-md-4 mb-3">
                     <label class="fields_heads"> Notes : </label>
                     <div class="companydetails_fieldds">
                        Lorem, ipsum
                     </div>
                  </div> 
                  <div class="col-12 status_transaction mt-3">
                     <span> transaction Status : Under Process</span>
                   </div>
                </div>
               <div class="track_transaction_process mt-md-5 mt-4" id="tableBody">
                  <div class="transaction_process_box " >
                    
                  </div>
                  <!-- <div class="transaction_process_box">
                     <span class="circle_transaction"><i class="fa fa-file-text" aria-hidden="true"></i></span>
                     <div class="transaction_details">
                        <strong>Submit Documents</strong>
                        <span>16/01/2001</span>
                        <span>15:26:12</span>
                     </div>
                  </div> -->
                  <!-- <div class="transaction_process_box">
                     <span class="circle_transaction"><i class="fa fa-usd" aria-hidden="true"></i></span>
                     <div class="transaction_details">
                        <strong>Pay Fees</strong>
                        <span>16/01/2001</span>
                        <span>15:26:12</span>
                     </div>
                  </div> -->
                  <!-- <div class="transaction_process_box">
                     <span class="circle_transaction"><i class="fa fa-id-card-o" aria-hidden="true"></i></span>
                     <div class="transaction_details">
                        <strong>Pay Insurence</strong>
                        <span>16/01/2001</span>
                        <span>15:26:12</span>
                     </div>
                  </div> -->
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
    <script>
      function sendQuery(obj) {
        var flag = true;
        $(".validate").each(function (i, v) {
            var elem = $(this);
            var valu = elem.val();
            if (valu == null || valu == '' || valu == 0) {
                flag = false;
                $("#" + elem.attr('name') + 'Error').html('This field is required.');
            } else {
                $("#" + elem.attr('name') + 'Error').html('');
            }
        });

        if (flag) {
            $.ajax({
                url: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/petclap/public_html/dev.paperless/resources/views/web/track_transaction.blade.php:125
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/dev.paperless/resources/views/web/track_transaction.blade.php</b> on line <b>125</b><br />