@extends('layouts.app')

@section('content')
<section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
               
                <div class="col-sm-3">
                  @php 
                  $id = $TblPropertyBuilding->id;
                  @endphp
                    <a class="btn btn-primary float-right"
                       href="{{ route('tblPropertyApartments.create', $id) }}">
                         @lang(' + إضافة شقة لهذه العمارة   ')
                         
                    </a>
                </div>
              
                <div class="col-sm-3">
               
                    <a class="btn btn-primary float-right"
                       href="{{ route('tblPropertyApartments.AddFacility', $id) }}">
                         @lang(' + إضافة مرافق لهذه العمارة   ')
                         
                    </a>
                </div>

                <div class="col-sm-6">
                <a class="btn btn-primary float-right"
                       href="{{ route('tblPropertyBuilding.index') }}">
                         @lang('رجوع')
      </a>
                </div>
            </div>
        </div>
    </section>

            <!-- Breadcrumb -->
      <nav aria-label="breadcrumb" class="main-breadcrumb">
        <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('home') }}"> التحكم في الشقق الفندقية</a></li>
              <li class="breadcrumb-item" ><a href="{{ route('tblPropertyBuilding.index') }}"> / العمارات</a></li>
              <li class="breadcrumb-item active" aria-current="page">عرض تفاصيل الفندق </li>
        </ol>
        </br>
      </nav>
        

      <div class="row m-2">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary " data-bs-toggle="modal" data-bs-target="#exampleModal">
  المرافق الخاصة بالفندق
</button>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
 <div class="row gutters-sm">
    <div class="col-md-12">
      <div class="card mb-3">
        <div class="card-body">
          <div class="row">
                    @include('tbl_property_building.show_fields')
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script>
var myModal = document.getElementById('myModal')
var myInput = document.getElementById('myInput')

myModal.addEventListener('shown.bs.modal', function () {
  myInput.focus()
})
</script>

@endsection