<!DOCTYPE html> 
<html data-layout-decorator="layouts/default-layout"> 
 <head> 
  <meta charset="UTF-8" data-th-remove="all" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" data-th-remove="all" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" data-th-remove="all" /> 
  <meta name="description" content="petclinic" data-th-remove="all" /> 
  <meta name="author" content="Spring Roo" data-th-remove="all" /> 
  <link data-th-href="@{/public/img/favicon.ico}" data-th-remove="all" rel="icon" href="../../static/public/img/favicon.ico" /> 
  <link rel="shortcut icon" href="../../static/public/img/favicon.ico" data-th-remove="all" /> 
  <link rel="apple-touch-icon" href="../../static/public/img/apple-touch-icon.png" data-th-remove="all" /> 
  <title data-th-text="#{label_show_entity(#{label_owner})}">petclinic - Show Owner</title> 
  <!-- Bootstrap core CSS --> 
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" data-th-remove="all" /> 
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/css/ie10-viewport-bug-workaround.css" data-th-remove="all" /> 
  <!-- Spring Roo CSS --> 
  <link data-th-href="@{/public/css/standard.css}" data-th-remove="all" href="../../static/public/css/standard.css" rel="stylesheet" /> 
  <noscript data-th-remove="all"> 
   <link data-th-href="@{/public/css/nojs-standard.css}" data-th-remove="all" rel="stylesheet" href="../../static/public/css/nojs-standard.css" /> 
  </noscript> 
 </head> 
 <body> 
  <!--START CONTAINER--> 
  <div class="container bg-container"> 
   <!-- HEADER --> 
   <header role="banner"> 
    <div class="bg-header"> 
     <div class="organization-logo"> 
      <a title="petclinic" href="/"><img alt="petclinic" src="../../static/public/img/logo_spring_roo.png" /></a> 
     </div> 
     <div class="application-name"> 
      <a href="/" data-th-href="@{/}">petclinic</a> 
     </div> 
    </div> 
    <!-- MAIN MENU --> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <!-- collapsed menu button --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Dropdown</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 
       <a class="navbar-brand" href="#">Main Menu</a> 
      </div> 
      <div id="bs-example-navbar-collapse-1" class="navbar-collapse collapse"> 
       <!-- main menu --> 
       <div class="row"> 
        <ul class="nav navbar-nav"> 
         <li class="active"><a href="#">Active Menu 1</a></li> 
         <li><a href="#">Menu 2</a></li> 
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown Menu 3<span class="caret"></span></a> 
          <ul class="dropdown-menu"> 
           <li><a href="#">Submenu 1</a></li> 
           <li><a href="#">Submenu 2</a></li> 
           <li><a href="#">Submenu 3</a></li> 
          </ul></li> 
        </ul> 
       </div> 
       <!-- user menu --> 
       <div class="container upper-nav"> 
        <ul class="nav navbar-nav navbar-right session"> 
         <li><span class="glyphicon glyphicon-user" aria-hidden="true"></span> <span data-th-text="#{label_user}">User</span></li> 
         <li data-th-text="#{label_last_access(00-00-0000)}"> <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>Last Access: 00-00-0000</li> 
         <li><button type="submit" class="exit"><span class="glyphicon glyphicon-off" aria-hidden="true"></span> <span data-th-text="#{label_exit}">Exit</span></button></li> 
        </ul> 
        <ul class="nav navbar-nav navbar-right links"> 
         <li><a href="#"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <span data-th-text="#{label_contact}">Contact</span></a></li> 
         <li><a href="#"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> <span data-th-text="#{label_help}">Help</span></a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </nav> 
   </header> 
   <!-- END HEADER --> 
   <!--START CONTENT--> 
   <section data-layout-fragment="content" data-th-object="${owner}"> 
    <div class="container-fluid content"> 
     <!-- CONTENT --> 
     <h1 data-th-text="#{label_show_entity(#{label_owner})}">Show Owner</h1> 
     <dl class="dl-horizontal"> 
      <dt data-th-text="#{label_owner_firstname}">
       firstName
      </dt> 
      <dd data-th-text="*{{firstName}}">
       firstNameValue
      </dd> 
      <dt data-th-text="#{label_owner_lastname}">
       lastName
      </dt> 
      <dd data-th-text="*{{lastName}}">
       lastNameValue
      </dd> 
      <dt data-th-text="#{label_owner_address}">
       address
      </dt> 
      <dd data-th-text="*{{address}}">
       addressValue
      </dd> 
      <dt data-th-text="#{label_owner_city}">
       city
      </dt> 
      <dd data-th-text="*{{city}}">
       cityValue
      </dd> 
      <dt data-th-text="#{label_owner_telephone}">
       telephone
      </dt> 
      <dd data-th-text="*{{telephone}}">
       telephoneValue
      </dd> 
      <dt data-th-text="#{label_owner_homepage}">
       homePage
      </dt> 
      <dd data-th-text="*{{homePage}}">
       homePageValue
      </dd> 
      <dt data-th-text="#{label_owner_email}">
       email
      </dt> 
      <dd data-th-text="*{{email}}">
       emailValue
      </dd> 
      <dt data-th-text="#{label_owner_birthday}">
       birthDay
      </dt> 
      <dd data-th-text="*{{birthDay}}">
       birthDayValue
      </dd> 
      <hr> 
       <ul class="nav nav-tabs"> 
        <li class="active"><a data-toggle="tab" href="#detail-Pet">Pet</a></li> 
       </ul> 
       <div class="tab-content"> 
        <div id="detail-Pet" class="tab-pane active"> 
         <!--START TABLE--> 
         <div class="table-responsive"> 
          <table id="PetTable" class="table table-striped table-hover table-bordered" data-row-id="id" data-select="single" data-order="[[ 0, &quot;asc&quot; ]]"> 
           <caption data-th-text="#{label_list_of_entity(#{label_pet_plural})}">
            List Pet
           </caption> 
           <thead> 
            <tr> 
             <th data-th-text="#{label_pet_sendreminders}">sendReminders</th> 
             <th data-th-text="#{label_pet_name}">name</th> 
             <th data-th-text="#{label_pet_weight}">weight</th> 
             <th data-th-text="#{label_pet_owner}">owner</th> 
             <th data-th-text="#{label_pet_type}">type</th> 
             <th data-th-text="#{label_tools}">Tools</th> 
            </tr> 
           </thead> 
           <tbody data-th-remove="all"> 
            <tr> 
             <td>sendReminders</td> 
             <td>name</td> 
             <td>weight</td> 
             <td>owner</td> 
             <td>type</td> 
             <td data-th-text="#{label_tools}">Tools</td> 
            </tr> 
           </tbody> 
          </table> 
         </div> 
         <!--END TABLE--> 
        </div> 
       </div> 
      </hr>
     </dl> 
     <div class="clearfix"> 
      <div class="pull-left"> 
       <button onclick="location.href='list'" data-th-onclick="'location.href=\'' + @{/owners} + '\''" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span data-th-text="#{label_back}">Back</span> </button> 
      </div> 
      <div class="pull-right"> 
       <button data-th-onclick="'location.href=\'' + @{/owners/{id}/edit-form(id=*{id})} + '\''" data-sec-authorize="hasAnyRole('ROLE_ADMIN','ROLE_EMPLEADO')" type="button" class="btn btn-primary" onclick="location.href='edit'" data-th-text="#{label_edit}">Edit</button> 
      </div> 
     </div> 
    </div> 
   </section> 
   <!--END CONTENT--> 
  </div> 
  <!--END CONTAINER--> 
  <footer class="container"> 
   <p class="text-right">© Powered By Spring Roo </p> 
  </footer> 
  <!-- JavaScript
    ================================================== --> 
  <!-- JQuery --> 
  <script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-1.12.3.js" data-th-remove="all"></script> 
  <!-- Bootstrap --> 
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.js" data-th-remove="all"></script> 
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
  <script src="https://maxcdn.bootstrapcdn.com/js/ie10-viewport-bug-workaround.js"></script> 
  <div data-layout-fragment="javascript"> 
   <!-- Datatables --> 
   <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script> 
   <!-- Datatables responsive plugin --> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/responsive/2.0.2/js/responsive.bootstrap.js"></script> 
   <!-- Datatables buttons plugins --> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.1.2/js/buttons.bootstrap.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.1.2/js/buttons.colVis.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.1.2/js/buttons.flash.js"></script> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.1.2/js/buttons.html5.js"></script> 
   <!-- Datatables select plugin --> 
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/select/1.1.2/js/dataTables.select.js"></script> 
   <!-- Datatables application defaults --> 
   <script type="text/javascript" charset="utf8" src="../../static/public/js/datatables-defaults.js" data-th-src="@{/public/js/datatables-defaults.js}"></script> 
   <script type="text/javascript" charset="utf8" src="../../static/public/js/datatables-defaults-en.js" data-th-src="@{/public/js/datatables-defaults-en.js}"></script> 
   <!-- Datatables page configs --> 
   <script type="text/javascript" data-th-inline="javascript"> $(document).ready( function () { var PetBaseUrl = [[@{/owners/{id}/pets/(id=${owner.id})}]] + ''; var PetTable = jQuery('#PetTable').DataTable({ 'ajax': { 'url': PetBaseUrl }, 'buttons' : [ { 'extend' : 'colvis', 'className' : 'btn-accion' }, { 'extend' : 'pageLength', 'className' : 'btn-accion' } ], 'columns': [ { 'data': 'sendReminders' }, { 'data': 'name' }, { 'data': 'weight' }, { 'data': 'owner' }, { 'data': 'type' }, { 'data': 'id', 'orderable': false, 'searchable': false, 'render': function ( data, type, full, meta ) { return '<a role="button" class="btn-accion show" href="/pets/' + data + '" data-th-text="#{label_show}">Show</a>' } } ] }); }); </script> 
  </div> 
  <!-- Application --> 
  <script type="text/javascript" src="../../static/public/js/main.js" data-th-remove="all"></script> 
 </body> 
</html>