@extends('user.layouts.template')

@section('style')
   <style>

.dataTables_wrapper{
    overflow: auto;
}
        .form-content-wizard {
            width: 100%
        }

        .nav-underline .nav-link {
            text-align: left;
        }

      .card-body {
         padding: 0px !important;
      }
    </style>
@endsection

@section('content')
<!-- Content Start -->
		 <div class="content__boxed">
                <div class="content__wrap">

                    <div id="page-titl">


                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="le-tit">

                                </div>

                                <div class="right-tit d-flex">

                                    <a class="btn btn-success mx-2 w-100" style="border:1px solid white;"
                                        href="{{ route('propertyCreate') }}"><i
                                            class="ri-add-circle-fill"></i>
                                        Add New Property
                                    </a>

                                    <form>
    <label for="country">Choose a Country:</label>
    <select name="country" id="country">
        @foreach($countries as $country)
            <option value="{{ $country }}">{{ $country }}</option>
        @endforeach
    </select>
</form>

                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <!-- Content End -->
@endsection

@section('script')
<script>
    $(document).ready(function () {
        
    });
</script>
@endsection