@extends('layouts.website.main')
@section('main-section')
    <!-- Content Start -->
    <section class="pt-6">
        <div class="container">
            <div class="row justify-content-center g-4 g-md-5">
                <div class="col-lg-7">
                    <div>
                        <h3 class=" font-20px font-md-24px fw-700 tracking-3 text-capitalize lh-base mb-4">Amenities and
                            facilities</h3>
                        <div class="row g-4">
                            @foreach ($property->features as $item)
                                <div class="col-lg-4 col-md-6">
                                    <div
                                        class="border rounded-3 bg-white p-3 d-flex align-items-center justify-content-between">
                                        <h5 class=" font-16px fw-500 m-0 text-truncate" data-bs-toggle="tooltip"
                                            title="{{ $item->feature->feature_name }}">{{ $item->feature->feature_name }}
                                        </h5>
                                        <i class="material-icons font-20px" style="color: #27AE60;">
                                            done
                                        </i>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    @include('component/checkOutDetailCard')

                </div>
            </div>


        </div>
    </section>
    @push('scripts')
		@if(session()->has("fail_msg"))
	<script>
		Swal.fire(
				"Payee Detail",
				"{{ session()->get('fail_msg') }}",
				"error"
		);
	</script>
@endif
        <script>
            $('#checkoutFormSubmit').on('submit', function(e) {

                var formData = new FormData(this);

                var name = $('#fullname').val();
                var email = $('#email').val();
                var phone = $('#phone').val();

                formData.append('name', name);
                formData.append('email', email);
                formData.append('phone', phone);


            })
        </script>
    @endpush
@endsection