Aof : ใส่ข้อูลในมอด้อการ์ด

www/src/Template/UserCards/view_card.ctp

@@ -26,9 +26,11 @@ use Cake\I18n\Time;
 			    		</div>
 		    		</div>
 		    		<div class="col-xs-4">
+		    			<div data-toggle="modal" data-target="#defaultModal" style="text-align: center; cursor: pointer;">
 		    				<img src="/img/core/img/user-profile@3x.png" class="img-responsive">
 		    			</div>
 		    		</div>
+		    	</div>
 		    	<div class="row">
 		    		<div class="col-xs-1">
 		    		</div>		    		
@@ -137,7 +139,6 @@ use Cake\I18n\Time;
 			<img src="/img/core/img/bloc-plus@3x.png" class="img-responsive" style="width: 100%">
 		</div>
 		<div class="col-xs-1 col-sm-1 col-md-1 box-arrow"></div>
-<!--- s -->
 		<div class="row">
 		    <div class="col-xs-12 col-sm-12 col-md-12">
 		        <?php echo $this->Form->create('UserCards', ['id' => 'frmSignIn', 'type' => 'file', 'onsubmit' => 'return check();']); ?>
@@ -168,8 +169,25 @@ use Cake\I18n\Time;
 		        <?php echo $this->Form->end(); ?>
 		    </div>
 		</div>
+	</div>
+</div>
 
-<!-- e -->
+<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="">
+            <div class="">
+                <div class="col-md-6">
+                    <div class="owl-carousel owl-theme" data-plugin-options="{'items': 1, 'margin': 10}">
+                        <div>
+                            <?php echo $this->Html->image('/img/core/img/card-bg-front@3x.png', array('div' => false, 'class' => 'img-responsive img-rounded','style' => 'position: absolute;')); ?>
+                        </div>
+                        <div>
+                            <?php echo $this->Html->image('/img/core/img/card-bg-back@3x.png', array('div' => false, 'class' => 'img-responsive img-rounded','style' => '3position: absolute;')); ?>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>