@extends('layouts.app')

@section('content')
@include('flash::message')

<div class="container">
  <h3 class="m-4">تفاصيل الشقة ( {{$tblPropertyApartment->title}})</h3>
  <br>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#apartment">معلومات الشقة</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#pictures">  صور الشقة</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#internalFacility">  المرافق الداخلية </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#externalFacility">  المرافق الخارجية </a>
    </li>
  </ul>




<div class="tab-content mt-4">
    <div id="apartment" class="container tab-pane  active">
    {!! Form::open(['route' => ['tblPropertyApartments.destroy', $tblPropertyApartment->id], 'method' => 'delete']) !!}
    {!! Form::button('<i class="fa fa-trash text-danger ml-4"></i>حذف ', [
        'type' => 'submit',
        'class' => 'border-0 bg-0 mb-2 float-left',
        'onclick' => 'return confirm("'.__('هل متأكد من الحذف؟').'")'
    ]) !!}
    {!! Form::close() !!}
    <table class="table table-striped">
        <tbody>
        <tr>
        <th scope="row">اسم الشقة</th>
        <td scope="row">{{ $tblPropertyApartment->title }}</td>

        </tr>
        <tr>
        <th scope="row">الرمز الخاص</th>
        <td scope="row">{{  $tblPropertyApartment->unique_code }} </td>
        </tr>
        <tr>
        <th scope="row"> السعر باليوم</th>
        <td scope="row"> {{ $tblPropertyApartment->priceperday }} د.ل </td>
        </tr>
        <tr>
        <th scope="row">الوصف</th>
        <td scope="row"> {{ $tblPropertyApartment->description }} </td>
        </tr>
        <tr>
        <th scope="row"> عدد الضيوف</th>
        <td scope="row"> {{ $tblPropertyApartment->no_of_guest }}</td>
        </tr>
        <tr>
        <th scope="row"> إضافة من قِبل المستخدم </th>
        <td scope="row"><a href="{{ route('tblUsers.show',$tblPropertyApartment->createdBy->id) }}" ><span class='badge badge-primary'><i class='fa fa-user'></i> {{ $tblPropertyApartment->createdBy->full_name}} </span> <span class='badge badge-light'><i class='fa fa-phone'></i> {{ $tblPropertyApartment->createdBy->contact_no}} - {{ $tblPropertyApartment->createdBy->country_code}}</a></td>
        
        </tr>
        <tr>
        <th scope="row">رقم الشقة</th>
        <td scope="row">
        {{ $tblPropertyApartment->no_of_apartment }}
            </td>

        </tr>
        <tr>
        <th scope="row">الحالة </th>
        <td scope="row">
        @if($tblPropertyApartment->state_id == 1)
            <span class='badge badge-success'>Active</span>
        @elseif($tblPropertyApartment->state_id == 0)
            <span class='badge badge-danger'>Inactive</span>
        @endif
        </td>
        
        </tr>
        <tr>
        <th scope="row">وقت الدخول </th>
        <td scope="row"> {{ $tblPropertyApartment->check_in_time }}</td> 
        </tr>
        <tr>
        <th scope="row"> وقت الخروج</th>
        <td scope="row">  {{ $tblPropertyApartment->check_out_time }}</td> 
        </tr>
        <tr>
        <th scope="row"> وقت الإضافة</th>
        <td scope="row"> {{ $tblPropertyApartment->created_on }}</td> 
        </tr>
        <tr>
        <th scope="row"> قيمة العربون</th>
        <td scope="row"> {{ $tblPropertyApartment->deposit_price }}</td> 
        </tr>

        </tbody>
        </table>
    </div>
    <div id="pictures" class="tab-pane fade">
    <a href="{{ route('ApartmentPictures.create', $tblPropertyApartment->id) }}" class="btn btn-primary ">إضافة صور + </a>
    <div class="row mt-4">
        @foreach($pictures as $picture)
        @php
        $id = $picture->id;
        @endphp
        <div class="col-lg-2 col-md-4 col-xs-6 thumb ml-4 mt-4">
        <a href="{{ route('destroyApartmentPictures.destroy', $picture->id) }}"  >  <i class="fa fa-trash text-danger" title="delete image"></i></a>
        <a href="{{ asset('storage/' . $picture->image_path) }}" target="_blank">
        <img src="{{ asset('storage/' . $picture->image_path) }}" style="    width: 100%;
        height: 100px; 
        object-fit: cover;" class="zoom img-fluid"  alt="{{ $picture->alt_text }}">
        </a>
        @php
        $id = $picture->id;
        @endphp
        @if($picture->is_publish == 1)
        <a href="{{ route('ApartmentPictures.is_publish', $id) }}" class='badge badge-success' >Published</a>
        @elseif($picture->is_publish == 0)
        <a href="{{ route('ApartmentPictures.is_publish', $id) }}" class='badge badge-danger'>Unpublished</a>
        @endif
      </div>
        @endforeach
    </div>  
 </div>
    <div id="internalFacility" class="container tab-pane fade"><br>
  <ul class="list-group">
  <a href="{{ route('tblPropertyApartment.AddInternalFacility', $tblPropertyApartment->id) }}">
        <span> <i class="fa fa-plus pb-4" aria-hidden="true"></i></span>
    </a> 
    @foreach($InternalFacilities as $internal)
    <li class="list-group-item">
    <form action="{{ route('ApartmentinternalFacility.destroy') }}" method="POST" enctype="multipart/form-data">
    @csrf
               <input  type="hidden"   name="facility_id" value="{{$internal['id']}}">
               <input  type="hidden"   name="id" value="{{$tblPropertyApartment->id}}">
               {{$internal['name']}}
    <button type="submit"  class="float-left border-0 bg-0" > <i class="fa fa-trash text-danger" title="delete image"></i></button>
    </form>  
  </li>
    @endforeach
  </ul>
    </div>
    <div id="externalFacility" class="container tab-pane fade"><br>
  <ul class="list-group">
  <a href="{{ route('tblPropertyApartment.AddExternalFacility', $tblPropertyApartment->id) }}">
        <span> <i class="fa fa-plus pb-4" aria-hidden="true"></i></span>
    </a> 
    @foreach($ExternalFacilities as $external)
    <li class="list-group-item">
    <form action="{{ route('ApartmentexternalFacility.destroy') }}" method="POST" enctype="multipart/form-data">
    @csrf
               <input  type="hidden"   name="facility_id" value="{{$external['id']}}">
               <input  type="hidden"   name="id" value="{{$tblPropertyApartment->id}}">
               {{$external['name']}}
    <button type="submit"  class="float-left border-0 bg-0" > <i class="fa fa-trash text-danger" title="delete image"></i></button>
    </form>  
    </li>
    @endforeach
  </ul>
    </div>

    </div>
 

</div>

<script>
$(document).ready(function(){
  $(".nav-tabs a").click(function(){
    $(this).tab('show');
  });
});
</script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    @endsection