<div class="mb-0">
  <section id="myAccountNav" class="mx-auto">
      <div class="bg-secondary md:bg-primary p-4"> 
        <div class="flex justify-between items-center">
          <h1 class="text-secondary font-custom md:text-secondary text-xl mdtext-3xl hidden md:block">My Account</h1>
          <!-- <h1 class="font-custom text-white md:text-secondary text-xl mdtext-3xl flex items-center md:hidden ">
            <span class="mr-3">Account</span>
          </h1> -->
          <div class="flex items-center">
            <a href="<?= base_url('account/profile'); ?>"><span class="text-white md:text-secondary font-custom mr-8">Profile</span></a>
            <a href="<?= base_url('account/shipping'); ?>"><span class="text-white md:text-secondary font-custom mr-8">Address</span></a>
            <a href="<?= base_url('account/order_history'); ?>"><span class="text-white md:text-secondary font-custom mr-8">Purchase List</span></a>
            <a href="<?= base_url('register/logout'); ?>"><span class="text-white md:text-secondary font-custom">Logout</span></a>
          </div>
        </div>
      </div>
    </section> 

    <div id="cartContainer" class="px-8 md:px-0 max-w-5xl mx-auto">  
      <h1 id="loginRegisterHeading" class="font-custom text-secondary text-2xl xs:text-center md:text-left">PROFILE</h1>  
      <?php if($this->session->flashdata('confirmation')) :?>
        <p class="font-custom text-primary text-center mt-8" style="text-align:center"><?= $this->session->flashdata('confirmation'); ?></p>
      <?php endif; ?>   
      <?php if($this->session->flashdata('error')) :?>
        <p class="font-custom text-primary text-center mt-8" style="text-align:center"><?= $this->session->flashdata('error'); ?></p> 
      <?php endif; ?>  
      <?= form_open('account/update_profile'); ?> 
      <br>
      <p>Email: <?= $customer->email; ?></p>
      <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-10">
        <div class="text-center"> 
          <div class=" border-b-2 border-primary xs:w-full md:w-72 mt-8">
            <?php
              $data = array( 
              'name'        => 'name',
              'id'          => 'name',
              'class'       => 'font-tinosRegular bg-transparent border-none text-primary p-1 text-lg focus:ring-0 active:ring-0 ml-[-12px]  xs:w-full md:w-72',
              'required'	  => 'required',
              'placeholder' => 'Full Name', 
              'type'        => 'text' 
            );

            if($customer->name) 
            {
                $data['value'] = set_value('name', $customer->name);
            }
            else
            {
                $data['value'] = set_value('name');
            }

            echo form_input($data);
            echo '<span style="font-size:12px;">' . form_error('name') . '</span>';
          ?>
          </div>
          <div class=" border-b-2 border-primary xs:w-full md:w-72 mt-8">
            <?php
                $data = array( 
                'name'        => 'password', 
                'id'          => 'password',
                'class'       => 'font-tinosRegular bg-transparent border-none text-primary p-1 text-lg focus:ring-0 active:ring-0 ml-[-12px]  xs:w-full md:w-72',
                'required'	  => 'required',
                'placeholder' => 'New Password',
                'type'        => 'password'
              ); 
              echo form_input($data);
              echo '<span style="font-size:12px;">' . form_error('password') . '</span>';
            ?>
          </div>
        </div>

        <!-- Kolom 2 (2 kolom tumpuk) -->
        <div class="text-center">
          <div class=" border-b-2 border-primary xs:w-full md:w-72 mt-8">
            <?php
                $data = array( 
                'name'        => 'confirm_password',
                'id'          => 'confirm_password',
                'class'       => 'font-tinosRegular bg-transparent border-none text-primary p-1 text-lg focus:ring-0 active:ring-0 ml-[-12px]  xs:w-full md:w-72',
                'required'	  => 'required',
                'placeholder' => 'Confirm New Password',
                'type'        => 'password'
              );
              echo form_input($data);
              echo '<span style="font-size:12px;">' . form_error('confirm_password') . '</span>';
            ?>
          </div>
        </div>
        <!-- Kolom 3 -->
        <div class="text-center relative">
          <div class="bottom-0 md:absolute w-full">
            <div class="border border-secondary bg-secondary w-full p-3 mx-auto text-center mt-2">
              <input type="submit" value="Save" name="update_profile" class="text-white text-center font-custom" style="cursor:pointer" /> 
            </div>
          </div> 
        </div>
      </div>
    </div>
    <?= form_close(); ?>