<div class="normal_page">
    <div class="wrapp2 overflow_hidden">
    <div class="wrapp3">
    <div class="row">
    <div class="col-md-7">
    <div class="normal_page_content">
        <div class="customer_info_box">
        <div class="customer_info_box_form"> 
        <h3 class="title-page">Payment Confirmation</h3>                
        <div class="customer_info_box_form_ship">

        <?= $this->session->flashdata('success'); //to display success message ?> 
        <br> 
        <?php echo form_open_multipart('payment_confirmation/update_paymentconfirmation', array('id' => 'form_payment_c')); ?>

            <div class="form_item">
                <input 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">
                <!-- <input required placeholder="Tanggal Pembayaran*" type="text"> -->
                <input style="width: 32% !important; position: relative; float: left;" type="text" disabled="" class="form-control" value="Tanggal Pembayaran : ">
                <?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: 68% !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">
                <!-- <input placeholder="Jumlah Pembayaran*" type="text"> -->
                <?php
                    $data = array( 
                        'name'        => 'total_amount',
                        'id'          => 'total_amount',
                        'value'       =>  set_value('total_amount'),
                        'class'       => 'form-control',
                        'placeholder' => 'Jumlah Pembayaran*',
                        // 'required'    =>  '', 
                    );
                    echo form_input($data);
                    echo '<span style="font-size:10px;">' . form_error('total_amount') . '</span>';
                ?>
            </div>

            
            <div class="form_item">
                <!-- <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">
                <!-- <input placeholder="Dari Bank*" type="text"> -->
                <?php
                    $data = array( 
                        'name'        => 'from_bank',
                        'id'          => 'from_bank',
                        'value'       =>  set_value('from_bank'),
                        'class'       => 'form-control',
                        'placeholder' => 'Dari Bank*',
                        // 'required'    =>  '', 
                    );
                    echo form_input($data);
                    echo '<span style="font-size:10px;">' . form_error('from_bank') . '</span>';
                ?>
            </div>

            
            <div class="form_item">
                <!-- <input placeholder="Nama Rekening Anda*" type="text"> -->
                <?php
                    $data = array( 
                        'name'        => 'account_name',
                        'id'          => 'account_name',
                        'value'       =>  set_value('account_name'),
                        'class'       => 'form-control',
                        'placeholder' => 'Nama Rekening Anda*',
                        // 'required'    =>  '',
                    );
                    echo form_input($data);
                    echo '<span style="font-size:10px;">' . form_error('account_name') . '</span>';
                ?>
            </div>

            
            <div class="form_item">
                <!-- <input placeholder="No Rekening Anda*" type="text"> -->
                <?php
                    $data = array( 
                        'name'        => 'account_number',
                        'id'          => 'account_number',
                        'value'       =>  set_value('account_number'),
                        'class'       => 'form-control',
                        'placeholder' => 'No Rekening Anda*',
                        // 'required'    =>  '', 
                    );
                    echo form_input($data);
                    echo '<span style="font-size:10px;">' . form_error('account_number') . '</span>';
                ?>
            </div>

            <div class="form_item">
                <input class="form-control" type="file" name="receipt_file" style="padding: 8px 15px;" />

                <div class="note_input">
                    Tipe file harus 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=""><?= 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>
        
        </div>
        </div>
        </div>
        </div>

    </div>
    </div>   

    <div class="bottom_left_menu">
        <?= Modules::run('custom_menu'); ?>
    </div>
     
    </div>
    </div>