<div class="icon-box-area mb-50 mb-md-30 mb-sm-30" style="padding-top: 100px;<?= $bg_section_color; ?>">
    <div class="container"> 
        <div class="row">
            <div class="col-md-8 mb-md-70 mb-sm-70">
                <div class="icon-box-content">
                    <h3 style="font-size: 24px;" class="title">Payment Confirmation</h3> 
                </div> 

                <div class="contact-form-area mt-50 mb-60">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12" style="padding-left: 20px;">
<div class="form contact-form">
    <div class="title">
        <!-- <h4 style="font-weight: bold;"></h4> -->
    </div>
    <?php echo form_open_multipart('payment_confirmation/update_paymentconfirmation', array('id' => 'form_payment_c')); ?>
        <div class="form_item mb-25">
         <input class="form-control" name="order_id" value="<?= set_value('order_id') ?>" id="order_id" required="" placeholder="Order ID*" type="text">
         <!-- <span class="error_txt">
            <i class="fa fa-exclamation-circle"></i> This field is required
            </span> -->
        </div>
        <div class="form_item mb-25">
         <!-- <input required placeholder="Payment Date*" type="text"> -->
         <!-- <input style="width: 32% !important; position: relative; float: left;" type="text" disabled="" class="form-control" value="Payment Date : "> -->
         <label class="label_form form-control" style="width: 28% !important; position: relative; float: left;" for="payment_date">Payment Date : </label>
         <?php
            $v_date = set_value('payment_date');
            if($v_date === ""){
                $v_date = date('Y-m-d');
            }
            $data = array( 
            'name'        => 'payment_date',
            'id'          => 'payment_date',
            'value'       =>  $v_date,
            'class'       => 'form-control',
            'style'       => 'width: 72% !important; position: relative;',
            'type' => 'date', 
            // 'required'    =>  '',
            );
            echo form_input($data);
            echo '<span style="font-size:10px;">' . form_error('payment_date') . '</span>';
            ?>
        </div>
        <div class="form_item mb-25">
         <!-- <input placeholder="Payment Amount*" type="text"> -->
         <?php
            $data = array( 
                'name'        => 'total_amount',
                'id'          => 'total_amount',
                'value'       =>  set_value('total_amount'),
                'class'       => 'form-control',
                'placeholder' => 'Payment Amount*',
                // 'required'    =>  '', 
            );
            echo form_input($data);
            echo '<span style="font-size:10px;">' . form_error('total_amount') . '</span>';
            ?>
        </div>
        <div class="form_item mb-25">
         <!-- <input placeholder="Transfer ke Bank*" type="text"> -->
         <select required id="to_bank" name="to_bank" class="form-control">
            <option value="" disabled selected>-- Transfer ke Bank --</option>
            <option value="bca">BCA</option>
            <option value="mandiri">MANDIRI</option>
         </select>
        </div>
        <div class="form_item mb-25">
         <!-- <input placeholder="From The Bank*" type="text"> -->
         <?php
            $data = array( 
                'name'        => 'from_bank',
                'id'          => 'from_bank',
                'value'       =>  set_value('from_bank'),
                'class'       => 'form-control',
                'placeholder' => 'From The Bank*',
                // 'required'    =>  '', 
            );
            echo form_input($data);
            echo '<span style="font-size:10px;">' . form_error('from_bank') . '</span>';
            ?>
        </div>
        <div class="form_item mb-25">
         <!-- <input placeholder="Your Account Name*" type="text"> -->
         <?php
            $data = array( 
                'name'        => 'account_name',
                'id'          => 'account_name',
                'value'       =>  set_value('account_name'),
                'class'       => 'form-control',
                'placeholder' => 'Your Account Name*',
                // 'required'    =>  '',
            );
            echo form_input($data);
            echo '<span style="font-size:10px;">' . form_error('account_name') . '</span>';
            ?>
        </div>
        <div class="form_item mb-25">
         <!-- <input placeholder="Your Account Number*" type="text"> -->
         <?php
            $data = array( 
                'name'        => 'account_number',
                'id'          => 'account_number',
                'value'       =>  set_value('account_number'),
                'class'       => 'form-control',
                'placeholder' => 'Your Account Number*',
                // 'required'    =>  '', 
            );
            echo form_input($data);
            echo '<span style="font-size:10px;">' . form_error('account_number') . '</span>';
            ?>
        </div>
        <div class="form_item mb-25">
         <input class="form-control" type="file" name="receipt_file" style="padding: 8px 15px;" />
         <div class="note_input">
            File type must be jpg / png / pdf max 5000 KB
         </div>
         <br>
         <span style="font-size:10px;">
         <?php echo form_error('receipt_file'); ?>
         <?php echo $this->session->flashdata('receipt_file_error'); //to display error message ?> 
         </span>
        </div>
        <div class="customer_info_button">
         <ul>
            <!-- <li>
               <a href="#" class="noborder">Return to homepage</a>
            </li> -->
            <li>
               <input style="display: none;" id="sbm_hidden" type="submit" name="update_paymentconfirmation_nologin" value="<?= strtoupper(lang('confirm_payment')); ?>">
               <a href="javascript:void(0);" id="btn_paymentc" class="button button--medium">
               <?= strtoupper(lang('confirm_payment')); ?>
               </a>
               <script>
                  var form = document.querySelector('#form_payment_c');
                  
                  var submit_form_btn = document.querySelector('#btn_paymentc');
                  
                  submit_form_btn.addEventListener('click', function() {
                      if (form.checkValidity()) {
                          form.querySelector('input#sbm_hidden[type="submit"]').click();
                      } else {
                          form.querySelector('input#sbm_hidden[type="submit"]').click();
                      }
                  }, false);
               </script>
            </li>
         </ul>
        </div>
        <?php echo form_close(); ?>
</div>
                                <p class="form-messege pt-10 pb-10 mt-10 mb-10"></p>
                            </div>
                        </div>
                    </div>
                </div>
        
                <!--=====  End of contact form area  ======-->
            </div> 
        </div> 
        
        <!-- <div class="bottom_left_menu">
            Modules::run('custom_menu'); 
        </div> -->
    </div>
</div>

<style>
    .form-control:focus{
        box-shadow : none !important;
    }
    #btn_paymentc{
        text-align: center;
    }
    @media (max-width: 450px){ 
        #btn_paymentc{
            width: 100%;
        }
    }
</style>