@extends('layouts.app')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-12">
                    <!-- 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" aria-current="page">عرض تفاصيل الفندق </li>
                            <li class="breadcrumb-item active" aria-current="page">إضافة مرافق </li>
                        </ol>
                        <br>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <div class="content px-3">
        @include('common.errors')
        <div class="card">
            {!! html()->form('POST', route('tblPropertyDetails.storeExternalFacility'))->open() !!}
            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-12">
                        <h4 class="font-weight-bold text-success mb-4"><i class="fas fa-tree mr-2"></i>اختر المرافق الخارجية لهذا الفندق</h4>
                        <div class="row">
                            @foreach($Allfacilities as $facility)
                                <div class="col-lg-3 col-md-4 col-sm-6 mb-3">
                                    <input type="checkbox" name="facilities[]" value="{{ $facility->id }}" id="facility_{{ $facility->id }}" class="facility-checkbox" {{ in_array($facility->id, $existingFacilities ?? []) ? 'checked' : '' }}>
                                    <label class="facility-card w-100 m-0" for="facility_{{ $facility->id }}">
                                        <span>{{ $facility->title }}</span>
                                        <i class="fas fa-check-circle check-icon"></i>
                                    </label>
                                </div>
                            @endforeach
                        </div>
                        {!! Form::hidden('id', $id, ['class' => 'form-control']) !!}
                    </div>
                </div>
            </div>
            <div class="card-footer">
                {!! html()->submit('حفظ')->class('btn btn-primary') !!}
                <a href="{{ route('tblPropertyBuilding.index') }}" class="btn btn-default">@lang('إلغاء')</a>
            </div>
            {!! html()->form()->close() !!}
        </div>
    </div>
@endsection