Old UniVate Website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

commercial-property.blade.php 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. @extends('master')
  2. @section('title', 'Commercial Property' )
  3. @section('description', '')
  4. @section('keywords', '')
  5. @section('content')
  6. <div class="container-fluid">
  7. <div class="row">
  8. <div class="col-md-7 offset-md-1">
  9. @if($property->for=='rental')
  10. <h1 class="my-4">{{ $property->name }}@if($property->status2!=NULL) - {{ $property->status2 }}@endif</h1>
  11. @elseif($property->for=='Sale')
  12. <h1 class="my-4">{{ $property->name }}@if($property->status2!=NULL) - {{ $property->status2 }}@endif</h1>
  13. @endif
  14. </div>
  15. </div>
  16. <div class="row mb-4">
  17. <div class="col-md-7 offset-md-1">
  18. <div class="row">
  19. <div class="col-md-12">
  20. <table class="table table-bordered table-hover table-striped">
  21. <thead>
  22. <tr>
  23. <th>Size</th>
  24. <th>Price ex VAT</th>
  25. <th>Suburb</th>
  26. <th>Unit</th>
  27. <th>Status</th>
  28. <td>Ref</td>
  29. <th>Interested?</th>
  30. </tr>
  31. </thead>
  32. <tbody>
  33. <tr>
  34. <td>{{ $property->size }}</td>
  35. <td>R {{ number_format($property->price, 2) }}</td>
  36. <td>{{ $property->surburb }}</td>
  37. <td>{{ $property->unit }}</td>
  38. <td>{{ $property->status2 }}</td>
  39. <td>{{ $property->ref }}</td>
  40. <td><a href="#interestedPropertyModal" data-toggle="modal" data-target="#interestedPropertyModal"><i class="fa fa-flag" aria-hidden="true"></i> More Info</a></td>
  41. </tr>
  42. </tbody>
  43. </table>
  44. </div>
  45. <div class="col-md-12 mb-4">
  46. <a class="btn btn-blue" href="javascript:history.back()">Back</a>
  47. </div>
  48. </div>
  49. <div class="row mb-4">
  50. @if($property->image1)
  51. <div class="col-md-4">
  52. <img class="img-fluid mb-3 mb-md-0" src="{{ $property->image1 }}" alt="Commercial Image" />
  53. </div>
  54. @endif
  55. @if($property->image2)
  56. <div class="col-md-4">
  57. <img class="img-fluid mb-3 mb-md-0" src="{{ $property->image2 }}" alt="Commercial Image" />
  58. </div>
  59. @endif
  60. @if($property->image3)
  61. <div class="col-md-4">
  62. <img class="img-fluid mb-3 mb-md-0" src="{{ $property->image3 }}" alt="Commercial Image" />
  63. </div>
  64. @endif
  65. </div>
  66. <div class="row my-4">
  67. <div class="col-md-12">
  68. <h2>Status : <strong>{{ $property->status2 }}</strong></h2>
  69. <p>{!! $property->description !!}</p>
  70. </div>
  71. </div>
  72. <ul class="nav nav-tabs" id="myTab" role="tablist">
  73. @if($property->virtualtour)
  74. <li class="nav-item">
  75. <a class="nav-link active" id="virtual-tour-tab" data-toggle="tab" href="#virtual-tour" role="tab" aria-controls="virtual-tour" aria-selected="true">Virtual Tour</a>
  76. </li>
  77. @endif
  78. @if($property->directions)
  79. <li class="nav-item">
  80. <a class="nav-link @if($property->virtualtour == null) active @endif" id="directions-tab" data-toggle="tab" href="#directions" role="tab" aria-controls="directions" aria-selected="false">Directions</a>
  81. </li>
  82. @endif
  83. </ul>
  84. <div class="tab-content mb-4" id="myTabContent">
  85. @if($property->virtualtour)
  86. <div class="tab-pane fade show active" id="virtual-tour" role="tabpanel" aria-labelledby="virtual-tour-tab">
  87. <div class="embed-responsive embed-responsive-16by9">
  88. <iframe class="embed-responsive-item" src="{{ $property->virtualtour }}" allowfullscreen></iframe>
  89. </div>
  90. </div>
  91. @endif
  92. @if($property->directions)
  93. <div class="tab-pane fade @if($property->virtualtour == null) show active @endif" id="directions" role="tabpanel" aria-labelledby="directions-tab">
  94. <iframe src="{{ $property->directions }}" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  95. </div>
  96. @endif
  97. </div>
  98. <!--<div class="row">
  99. <div class="col-md-6">
  100. <a class="btn btn-blue even-width btn-lg mb-3 mb-md-0" href="#interestedPropertyModal" data-toggle="modal" data-target="#interestedPropertyModal">Interested</a>
  101. </div>
  102. <div class="col-md-6">
  103. <a class="btn btn-blue even-width btn-lg mb-3 mb-md-0" href="javascript:history.back()">Back</a>
  104. </div>
  105. </div> -->
  106. </div>
  107. <div class="col-md-3 pl-3 pl-md-5 sidebar">
  108. @include('partials.commercialSideBar')
  109. </div>
  110. </div>
  111. <!-- interested -->
  112. @include('partials.interested-property')
  113. </div>
  114. @stop