@extends('front.layout.app')

@section('page_title','اضافة اعلانك')
@section('content')
    <section class="profile-desktop">
        <div class="container py-5">

            <div class="row">
                @include('front.layout.profile-side')

                <div class="col-lg-7 full-heigth left-side-profile">
                        <div>
                            @if(session()->has('success'))
                                <div class="alert alert-success alert-dismissible fade show justify-content-space" role="alert">
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                    <strong style="margin-right: 20px;margin-left: 20px;">{{session()->get('success')}}</strong>
                                </div>
                            @endif
                            <h1>Hi : {{auth('web')->user()->name}}</h1>
                        </div>
                </div>
            </div>
        </div>
    </section>

    <section class="profile-mobile" style="margin-bottom: 12rem !important;">
        <div class="container py-5">
           <div class="row">
                @include('front.layout.profile-side-mobile')

                <div class="col-9 full-heigth left-side-profile">
                    <div>
                        @if(session()->has('success'))
                            <div class="alert alert-success alert-dismissible fade show justify-content-space" role="alert">
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                <strong style="margin-right: 20px;margin-left: 20px;">{{session()->get('success')}}</strong>
                            </div>
                        @endif
                    </div>
                </div>
           </div>
        </div>
    </section>


@endsection

@section('scripts')
<script>
    $(document).on('change','#categories',function (e) {

        $('#sub_category').html('');
        $.ajax({
            type: "GET",
            url: '{{asset('/')}}' + 'ajax/sub-category/' + $(this).val(),
            success: function(data) {

                $('#sub_category').append('<option value="">اختر القسم الفرعي</option>');
                $.each(data,function (index,value) {
                    $('#sub_category').append('<option value="'+value.id+'">'+value.name_ar+'</option>');
                });

            }
        });


    });

    $(document).on('change','#country',function (e) {

        $('#cities').html('');
        $.ajax({
            type: "GET",
            url: '{{asset('/')}}' + 'ajax/cities/' + $(this).val(),
            success: function(data) {
                $('#cities').append('<option value="">اختر المحافظة</option>');
                $.each(data,function (index,value) {
                    $('#cities').append('<option value="'+value.id+'">'+value.name_ar+'</option>');
                });
            }
        });
    });

    $(document).on('change','#cities',function (e) {

        $('#id_region').html('');
        $.ajax({
            type: "GET",
            url: '{{asset('/')}}' + 'ajax/regions/' + $(this).val(),
            success: function(data) {

                $('#id_region').append('<option value="">اختر المنطقة</option>');
                $.each(data,function (index,value) {
                    $('#id_region').append('<option value="'+value.id+'">'+value.name_ar+'</option>');
                });

            }
        });
    });
</script>
@endsection