@extends('layouts.app')

@section('content')
<div class="container">

@include('flash::message')

  <h3 class="m-4" > تفاصيل الشاليه  {{$tblChalet->title}} </h3>
  <br>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#property">معلومات الشاليه</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>
    <li class=" nav-item">
            <a class="nav-link " href="#conditions" data-toggle="tab">شروط الإقامة </a>
        </li>
  </ul>

 <!-- Tab panes -->
 <div class="tab-content mt-4">
    <div id="property" class="container tab-pane active"><br>
  <table class="table table-striped">

<tbody>
<tr>
  <th scope="row"> اسم الشاليه</th>
  <td scope="row">{{$tblChalet->title}}</td>
</tr>


  <th scope="row"> الرمز الخاص</th>
  <td scope="row">{{$tblChalet->unique_code}}</td>
</tr>

  <th scope="row">  الوصف</th>
  <td scope="row">{{$tblChalet->description}}</td>
</tr>
<tr>
  <th scope="row">  المساحة بالمتر</th>
  <td scope="row">{{$tblChalet->meter_distance}}</td>
</tr>

<tr>
  <th scope="row">  الحالة</th>
  <td scope="row">
  @if($tblChalet->state_id == 1)
        <span class='badge badge-success'>Active</span>
    @elseif($tblChalet->state_id == 0)
        <span class='badge badge-danger'>Inactive</span>
    @endif  
  </td>
</tr>
<tr>
  <th scope="row">  وقت الدخول</th>
  <td scope="row">{{$tblChalet->check_in_time}}</td>
</tr>
<tr>
  <th scope="row">  وقت الخروج</th>
  <td scope="row">{{$tblChalet->check_out_time}}</td>
</tr>
<tr>
  <th scope="row">  وقت الإضافة</th>
  <td scope="row">{{$tblChalet->created_on}}</td>
</tr>
<tr>
  <th scope="row"> تم إضافته من فِبل  </th>
  <td scope="row"><a href="{{ route('tblUsers.show',$tblChalet->createdBy->id) }}" ><span class='badge badge-primary'><i class='fa fa-user'></i> {{ $tblChalet->createdBy->full_name}} </span> <span class='badge badge-light'><i class='fa fa-phone'></i> {{ $tblChalet->createdBy->contact_no}} - {{ $tblChalet->createdBy->country_code}}</a></td>
</tr>

</tbody>
</table>
</div>
<div id="pictures" class="container tab-pane fade"><br>
    <div class="tab-pane" id="pictures">
    <form id="bulk-delete-form" method="POST" action="{{ route('pictures.bulkDelete') }}">
    @csrf
    @method('DELETE')
    <a href="{{ route('tblPropertyPictures.addChaletPicture',$tblChalet->id) }}" class="btn btn-primary ">إضافة صور + </a>
    <button type="submit" class="border border-none bg-none float-left" onclick="return confirm('هل أنت متأكد من الحذف؟')"><i class="fa fa-trash text-danger" title="delete image"></i> </button>
    <div class="row mt-4">
    @foreach($pictures as $picture)
        <div class="col-lg-2 col-md-4 col-xs-6 thumb ml-4 mt-4">
            <input type="checkbox" name="pictures[]" value="{{ $picture->id }}" class="form-check-input">
            <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>
            @if($picture->is_publish == 1)
            <a href="{{ route('tblPropertyPictures.publication', $picture->id) }}" class='badge badge-success' >Published</a>
            @elseif($picture->is_publish == 0)
            <a href="{{ route('tblPropertyPictures.publication', $picture->id) }}" class='badge badge-danger'>Unpublished</a>
           
            @endif
        </div>
        @endforeach
    </div>
  </form>
  </div>
  </div>
  <div id="internalFacility" class="container tab-pane fade"><br>
    <form id="bulk-delete-form" method="POST" action="{{ route('ChaletInternalFacility.bulkDelete') }}">
    @csrf
    @method('DELETE')
    <a href="{{ route('TblChalet.AddInternalFacility', $tblChalet->id) }}">
        <span><i class="fa fa-plus pb-4" aria-hidden="true"></i></span>
    </a> 
    <button type="submit" class="border border-none bg-none float-left" onclick="return confirm('هل أنت متأكد من الحذف؟')">
        <i class="fa fa-trash text-danger" title="delete image"></i>
    </button>
    <ul class="list-group">
        @foreach($InternalFacilities as $internal)
        
        <li class="list-group-item">
            <input type="checkbox" name="internal[]" value="{{ $internal['id'] }}" class="form-check-input">
            <input  type="hidden"   name="id" value="{{$tblChalet->id}}">
            <h6 class="mr-4"> {{$internal['name']}}</h6>
        </li>

        @endforeach
        <ul>
</form>
 </div>
 <div class="tab-pane" id="externalFacility">
    <form id="bulk-delete-form" method="POST" action="{{ route('ChaletExternalFacility.bulkDelete') }}">
    @csrf
    @method('DELETE')
    <a href="{{ route('TblChalet.AddExternalFacility', $tblChalet->id) }}">
        <span><i class="fa fa-plus pb-4" aria-hidden="true"></i></span>
    </a>
    <button type="submit" class="border border-none bg-none float-left" onclick="return confirm('هل أنت متأكد من الحذف؟')">
        <i class="fa fa-trash text-danger" title="delete image"></i>
    </button>
    <ul class="list-group">
        @foreach($ExternalFacilities as $external)
        <li class="list-group-item">
            <input type="checkbox" name="external[]" value="{{ $external['id'] }}" class="form-check-input">
            <input  type="hidden"   name="id" value="{{$tblChalet->id}}">
            <h6 class="mr-4"> {{$external['name']}}</h6>
        </li>
        @endforeach
        <ul>
</form>
    </div>
    <div class="tab-pane" id="conditions">
 <p class="font-italic text-black text-right">إضافة شرط للإقامة     </p>
  <form action="{{ route('ChaletCondition.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="input-group mb-3 px-2 py-2 rounded-pill  shadow-sm ">
                <input  type="hidden"   name="id" value="{{$tblChalet->id}}">
                <input id="upload" type="text"  class="form-control border-0" name="title" placeholder=" إضافة شرط للإقامة   " >
    </div>
       <div class="row m-4">
       <button type="submit" class="col-12 btn btn-primary">حفــظ</button>
      </div>
  </form>
<br>
<form id="bulk-delete-form" method="POST" action="{{ route('ResidenceCondition.bulkDelete') }}">
    @csrf
    @method('DELETE')
    <div>
    <button type="submit" class="border border-none bg-none float-left" onclick="return confirm('هل أنت متأكد من الحذف؟')"><i class="fa fa-trash text-danger" title="delete image"></i> </button>
    </div>
    <br><br>
    <ul class="list-group">   
    @foreach($ResidenceCondition as $condition)
        <li class="list-group-item">
            <input type="checkbox" name="title[]" value="{{ $condition['id'] }}" class="form-check-input">
           <span class="mr-4"> {{ $condition['title'] }}</span>
        </li>
        @endforeach
    </ul>
    </div>
</form>
</div>
  @endsection