@extends('layouts.main_investor')
@section('content')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <section class="py-md-4 py-2">
        <div class="container">
            <nav class="breadcrumb-container" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="{{ route('invst.home') }}"> @lang('site.home') </a>
                    </li>
                    <li class="breadcrumb-item text-gray-4" aria-current="page">
                        @lang('site.cars')
                    </li>
                </ol>
            </nav>
        </div>
    </section>

    <section class="ads-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="ads-add-container">
                        <div class="d-lg-flex align-items-center justify-content-between">
                            <div class="d-flex align-items-center">
                                <div>
                                    <img src="{{ FRONTASSETS }}/images/booking-investor/notify-ic.svg" alt="notify icon"
                                        class="notify-ic" />
                                </div>
                                <h2>
                                    @lang('site.If you have a problem adding your ad, please call us')
                                </h2>
                            </div>
                            <div class="add-ads-link d-flex align-items-center justify-content-center mt-lg-0 mt-3">
                                <a href="https://wa.me/0707078888">
                                    <span class="call-icon">
                                        <i class="far fa-phone"></i>
                                    </span>
                                    0707078888
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="booking_investor mb-6">
        <div class="container">
            <div class="ads_investor_card">
                @if (empty($car))
                    <form action="{{ route('invst.cars.store') }}" method="post" enctype="multipart/form-data"
                        id="daliaform" class="form-main">
                    @else
                        <form action="{{ route('invst.cars.update', $car->id) }}" method="post"
                            enctype="multipart/form-data" id="daliaform" class="form-main">
                @endif
                {{-- <form action="{{ empty($car) ? route('invst.cars.store') : route('invst.cars.update', $car->id) }}"
                    method="post" enctype="multipart/form-data" id="" class="form-main"> --}}

                {{ csrf_field() }}
                @if (!empty($car))
                    @method('put')
                @endif
                <div class="row">
                    <div class="col-12">
                        @if (empty($car))
                            <h2 class="add_frm_title mb-3">@lang('site.add')</h2>
                        @else
                            <h2 class="add_frm_title mb-3">@lang('site.edit') @lang('site.Ads No') ({{ $car->id ?? '' }})
                            </h2>
                        @endif
                    </div>
                    @include('partials._errors')
                    <div class="col-12">
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">

                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label class="pb-2 ads-card-lbl">@lang('site.country')
                                            <span class="text-danger"> ( @lang('site.mandatory') )</span>
                                        </label>
                                        <select class="select2" name="country_id" id="country_id" required>
                                            <option selected value="">@lang('site.select')</option>
                                            @foreach ($countries as $country)
                                                <option value="{{ $country->id }}"
                                                    @if (old('country_id') == $country->id || (!empty($car) && $car->country_id == $country->id)) selected @endif>
                                                    {{ $country->name_ar ?? '' }}</option>
                                            @endforeach

                                        </select>
                                    </div>

                                </div>

                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label class="pb-2 ads-card-lbl">@lang('site.city')</label>
                                        <span class="text-danger">( @lang('site.mandatory') )</span>

                                        <select class="select2" name="city_id" id="city_id" required>
                                            <option selected value="">@lang('site.select')</option>

                                        </select>

                                        @if ($errors->has('city_id'))
                                            <span class="error text-danger">{{ $errors->first('city_id') }}</span>
                                            return View();
                                        @endif
                                    </div>
                                </div>

                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label class="pb-2 ads-card-lbl">@lang('site.categories')</label>
                                        <span class="text-danger">( @lang('site.mandatory') )</span>

                                        <select class="select2" name="category_id" id="category_id" required>
                                            <option selected value="">@lang('site.select')</option>
                                            @foreach ($categories as $cat)
                                                <option value="{{ $cat->id }}"
                                                    @if (old('category_id') == $cat->id || (!empty($car) && $car->category_id == $cat->id)) selected @endif>
                                                    {{ $cat->name_ar ?? '' }}</option>
                                            @endforeach

                                        </select>
                                        @if ($errors->has('category_id'))
                                            <span class="error text-danger">{{ $errors->first('category_id') }}</span>
                                        @endif
                                    </div>

                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label class="pb-2 ads-card-lbl">@lang('site.subcategories')</label>
                                        <span class="text-danger">( @lang('site.mandatory') )</span>

                                        <select class="select2" name="sub_category_id" id="sub_category_id" required>
                                            <option selected value="">@lang('site.select')</option>

                                        </select>
                                        @if ($errors->has('sub_category_id'))
                                            <span class="error text-danger">{{ $errors->first('sub_category_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.name_ar')
                                            <span class="text-danger">( @lang('site.mandatory') )</span>
                                        </label>
                                        <input placeholder=" @lang('site.Enter the full name') " type="text"
                                            value="{{ old('name_ar', empty($car) ? null : $car['name_ar']) }}"
                                            name="name_ar" required />
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.name_en')
                                            <span class="text-danger">( @lang('site.optional') )</span>
                                        </label>
                                        <input placeholder=" @lang('site.Enter the full name') " type="text"
                                            value="{{ old('name_en', empty($car) ? null : $car['name_en']) }}"
                                            name="name_en" />
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.year')
                                            <span class="text-danger">( @lang('site.mandatory') )</span>
                                        </label>
                                        {{-- {{dd($car)}} --}}

                                        @if (!empty($car))
                                            <select class="select2" name="year" id="year" required>
                                                @for ($year = (int) date('Y') + 1; 1900 <= $year; $year--)
                                                    :
                                                    @if ($car->year == $year)
                                                        <option value="{{ $year }}" selected>
                                                            {{ $year }}</option>
                                                    @else
                                                        <option value="{{ $year }}">{{ $year }}
                                                        </option>
                                                    @endif
                                                @endfor
                                            </select>
                                        @else
                                            <select class="select2" name="year" id="year" required>
                                                @for ($year = (int) date('Y') + 1; 1900 <= $year; $year--)
                                                    :
                                                    <option value="{{ $year }}">{{ $year }}</option>
                                                @endfor
                                            </select>
                                        @endif

                                    </div>
                                </div>

                                <div class="col-lg-6 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.color')
                                            <span class="text-danger">( @lang('site.mandatory') )</span>
                                        </label>
                                        @if (empty($car))
                                            {{-- {{dd("dd")}} --}}
                                            {{-- <input type="color" required /> --}}
                                            {{-- <input type="color" id="colorr" name="colorr" value="" required> --}}
                                            <label for="colorr">Select a color:</label>
                                            <input type="color" id="colorr" name="colorr" required>
                                            {{-- <button type="submit" id="submitBtn" disabled>Submit</button> --}}

                                            
                                        @else
                                            <input type="color"
                                                value="{{ old('color', empty($car) ? null : $car['color']) }}"
                                                name="colorr" required />
                                        @endif

                                    </div>
                                </div>
                                <div class="col-lg-6 mb-lg-0 mb-3">
                                    <label for="" class="pb-2 ads-card-lbl">
                                        @lang('site.car_numbers')
                                        <span class="text-danger">( @lang('site.mandatory') )</span>
                                    </label>
                                    <div class="position-relative">
                                        <input type="number" name="car_numbers"
                                            value="{{ old('car_numbers', empty($car) ? null : $car['car_numbers']) }}"
                                            class="form-control " autocomplete="off" required />
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <label for="" class="pb-2 ads-card-lbl">
                                        @lang('site.car_delivery_date')
                                        <span class="text-danger">( @lang('site.mandatory') )</span>
                                    </label>
                                    <div class="position-relative">
                                        <input type="time" name="car_delivery_date"
                                            value="{{ old('car_delivery_date', empty($car) ? null : $car['car_delivery_date']) }}"
                                            class="form-control" autocomplete="off" required />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="text-gray-2 mb-3 gray-xx-title">@lang('site.choose_price')</h2>
                                </div>
                                <div class="col-12">
                                    <div class="row ads-radio-list">
                                        <div class="col-lg-3 mb-3">
                                            <input type="radio" name="price" id="const-price" checked
                                                class="onlineInp" value="1"
                                                @if (!empty($car) && $car->fixed_price != null) checked @endif />
                                            <label for="const-price" class="online-lbl custom-radio">
                                                @lang('site.fixed_price')
                                            </label>
                                        </div>
                                        <input type="hidden" name="radioprice" value="" id="radioprice">
                                        <div class="col-lg-3 mb-3">
                                            <input type="radio" name="price" id="change-price" class="onlineInp"
                                                value="2" @if (!empty($car) && is_null($car->fixed_price)) checked @endif />
                                            <label for="change-price" class="online-lbl custom-radio">
                                                @lang('site.changed_price')
                                            </label>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 mb-lg-0 mb-3 desc" id="price1">
                                            <div class="position-relative">
                                                <label for="" class="pb-2 ads-card-lbl">
                                                    @lang('site.fixed_price')
                                                    <span class="text-danger">( @lang('site.mandatory') )</span>
                                                </label>
                                                <input placeholder="@lang('site.put_price')" type="number" step=".1"
                                                    name="fixed_price" id="fixed_price" class="form-control"
                                                    value="{{ old('fixed_price', empty($car) ? null : $car['fixed_price']) }}" />
                                            </div>
                                        </div>
                                        <div class="col-md-12 form-group col-12   desc" id="price2"
                                            style="display: none;">
                                            <table class="price-list" id="tb_price">
                                                @if (empty($car))
                                                    <tr>
                                                        <td>
                                                            <div class="row">
                                                                <div class="col-md-5 form-group col-12">
                                                                    <label
                                                                        class="pb-2 ads-card-lbl">@lang('site.daynumber')</label>
                                                                    <input type="number" name="day_num[]"
                                                                        class="form-control" />
                                                                </div>
                                                                <div class="col-md-5 form-group col-12">
                                                                    <label
                                                                        class="pb-2 ads-card-lbl">@lang('site.fixed_price')</label>
                                                                    <input type="number" step=".1" name="price[]"
                                                                        class="form-control">
                                                                </div>
                                                                <div
                                                                    class="col-md-2 form-group col-12 d-flex align-items-end">
                                                                    <br>
                                                                    <a class="btn btn-air-primary btn-pill btn-success add-price w-100 "
                                                                        style="line-height: 1.9"><i class="fa fa-plus"
                                                                            aria-hidden="true"></i></a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @else
                                                    @for ($x = 0; $x <= count($car->changed_price->price) - 1; $x++)
                                                        <tr>
                                                            <td>
                                                                <div class="row">
                                                                    <div class="col-md-5 form-group col-12">
                                                                        <label
                                                                            class="pb-2 ads-card-lbl">@lang('site.daynumber')</label>
                                                                        <input type="number" name="day_num[]"
                                                                            class="form-control"
                                                                            value="{{ $car->changed_price->day_num[$x] }}" />
                                                                    </div>
                                                                    <div class="col-md-5 form-group col-12">
                                                                        <label
                                                                            class="pb-2 ads-card-lbl">@lang('site.fixed_price')</label>
                                                                        <input type="number" step=".1"
                                                                            name="price[]" class="form-control"
                                                                            value="{{ $car->changed_price->price[$x] }}" />
                                                                    </div>
                                                                    @if ($x == 0)
                                                                        <div
                                                                            class="col-md-2 form-group col-12 d-flex align-items-end">
                                                                            <a class="btn btn-air-primary btn-pill btn-success add-price w-100"
                                                                                style="line-height: 1.9"><i
                                                                                    class="fa fa-plus"
                                                                                    aria-hidden="true"></i></a>
                                                                        </div>
                                                                    @endif
                                                                    @if ($x != 0)
                                                                        <div
                                                                            class="col-md-2 form-group col-12 d-flex align-items-end">
                                                                            <a class="btn btn-air-primary btn-pill btn-danger add-price w-100 "
                                                                                style="line-height: 1.9"
                                                                                onclick="deletetr(this)"><i
                                                                                    class="fa fa-trash"></i></a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endfor
                                                @endif
                                            </table>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="text-gray-2 mb-3 gray-xx-title">
                                        اختر الصورة الرئيسية للاعلان
                                    </h2>
                                </div>

                                <div class="col-12 ">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.display_photo')
                                            <span class="text-danger">( @lang('site.mandatory') )</span>
                                        </label>
                                    </div>
                                    <div class="text-danger mt-1">
                                        ( @lang('site.pictures_containing_logo_or_phone_number_will_not_be_accepted') )
                                    </div>
                                    <label class="upload__btn">
                                        <div>
                                            <i class="fal fa-cloud-download"></i>
                                            <div>@lang('site.browse for upload image')</div>
                                        </div>
                                        <input type="file" name="main_image_ads" data-max_length="20"
                                            class="form-control upload__inputfile" id="imgInp"
                                            @if (empty($car)) required @endif />
                                    </label>

                                    <img id="frame"
                                        @if (!empty($car)) src="{{ asset('images/cars/' . $car->main_image_ads) }}" onerror="this.src='{{ asset('images/cars/default.jpg') }}'"  @else src="" @endif
                                        alt="" width="150px" class="img-upload" />
                                </div>
                            </div>
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="text-gray-2 mb-3 gray-xx-title">
                                        @lang('site.images')
                                    </h2>
                                </div>

                                <div class="col-12 mb-lg-0 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.image at least two')
                                            <span class="text-danger">( @lang('site.mandatory') )</span>
                                        </label>
                                    </div>
                                    <div class="text-danger mt-1">
                                        ( @lang('site.pictures_containing_logo_or_phone_number_will_not_be_accepted') )
                                    </div>
                                    <label class="upload__btn">
                                        <div>
                                            <i class="fal fa-cloud-download"></i>
                                            <div>@lang('site.browse for upload image')</div>
                                        </div>
                                        <input type="file" name="images[]" class="form-control upload__inputfile"
                                            multiple id="upload-imgs" @if (empty($car)) required @endif />
                                    </label>

                                    <div class="img-thumbs @if (empty($car)) img-thumbs-hidden @endif"
                                        id="img-previews">

                                        @if (!empty($car))
                                            @foreach (explode(',', $car->images) as $img)
                                                <div class="wrapper-thumb">
                                                    <img id="frame" src="{{ asset('images/cars/' . $img) }}"
                                                        alt=""
                                                        onerror="this.src='{{ asset('images/cars/default.jpg') }}'"
                                                        width="200px" class="img-preview-thumb" /><span
                                                        class="remove-btn">x</span>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12">
                                    <h2 class="text-gray-2 mb-3 gray-xx-title">
                                        ( @lang('site.choose_the_appropriate_video') )
                                    </h2>
                                </div>

                                <div class="col-12 mb-lg-0 mb-3">
                                    <div class="position-relative">
                                        <label for="" class="pb-2 ads-card-lbl">
                                            @lang('site.video')
                                            <span class="text-danger">( @lang('site.optional') )</span>
                                        </label>
                                    </div>
                                    <div class="text-danger mt-1">
                                        (@lang('site.videos_containing_logo_or_phone_number_will_not_be_accepted'))
                                    </div>
                                    <div class="text-danger mt-1">
                                        (@lang('site.You must upload a video with MP4 extension'))
                                    </div>
                                    <label class="upload__btn">
                                        <div>
                                            <i class="fal fa-cloud-download"></i>
                                            <div>@lang('site.browse for upload video')</div>
                                        </div>

                                        <input type="file" id="videoUpload" class="form-control upload__inputfile"
                                            name="videos" value="" />
                                    </label>

                                    <video
                                        @if (!empty($car)) src="{{ asset('images/cars/videos/' . $car->videos) }}"  type="mp4" @else src="" @endif
                                        width="250" height="250" style="display: none;border-radius: 5px;" controls
                                        class="video-upload" autoplay muted loop>
                                        Your browser does not support the video tag.
                                    </video>

                                    @if ($errors->has('videos'))
                                        <span class="error text-danger">{{ $errors->first('videos') }}</span>
                                    @endif

                                </div>
                            </div>
                        </div>
                        <div id="result_data1">
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12 mb-lg-0 mb-3">
                                    <label for="" class="pb-2 ads-card-lbl">
                                        @lang('site.descrption')
                                        <span class="text-danger">( @lang('site.mandatory') )</span>
                                    </label>
                                    <div class="text-danger mt-1">
                                        ( @lang('site.phone_number_is_not_accepted') )
                                    </div>
                                    <div class="form-group">
                                        <textarea class="form-control txtarea-ads p-3 mt-2" placeholder=" @lang('site.please_write_specifications') " rows="6"
                                            name="description_ar" required>{{ old('description_ar', empty($car) ? null : $car['description_ar']) }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="add-ads-card mb-md-5 mb-4">
                            <div class="row">
                                <div class="col-12 mb-lg-0 mb-3">
                                    <label for="" class="pb-2 ads-card-lbl">
                                        @lang('site.policy_place')
                                        <span class="text-danger">( @lang('site.mandatory') )</span>
                                    </label>
                                    
                                    <div class="form-group">
                                        <textarea class="form-control txtarea-ads p-3 mt-2" placeholder=" @lang('site.please_write_specifications') " rows="6"
                                            name="policy_place" id="editor1" required>{{ old('policy_place', empty($car) ? null : $car['policy_place']) }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- <label for="">@lang('site.dd;lkm;lm;l') </label> --}}
                        <div class="text-danger mt-1" style="display: block" id="colorerror">
                            ( @lang('site.phone_number_is_not_accepted') )
                        </div>
                        <div class="col-12 d-flex justify-content-center mt-lg-5 mt-0">
                            <div class="booking-now-btn py-4 d-flex justify-content-center align-items-center">

                                <button type="submit" class="btn" id="submitBtn" disabled><i class="fa fa-plus p-1"></i>
                                    @if (empty($car))
                                        @lang('site.add')
                                    @else
                                        @lang('site.edit')
                                    @endif
                                </button>
                                <script>
                                    document.getElementById('colorr').addEventListener('input', function() {
                                      var submitBtn = document.getElementById('submitBtn');
                                      submitBtn.disabled = false; // Enable the submit button when a color is selected
                                      document.getElementById('colorerror').style.display = "none";
                                      this.setCustomValidity('');
                                    });
                                    document.getElementById('colorr').addEventListener('invalid', function(event) {
                                    event.preventDefault(); // Prevent default form submission
                                    alert("The color value is invalid. Please enter a valid color format.");
                                    });
                                  </script>
                                {{-- type="button" onclick="confirmAction('stop',{{$aqar->id}},'@lang('site.stop ads')','error')"  --}}
                            </div>
                        </div>
                        <div>
                            </form>
                        </div>
                    </div>
    </section>


@endsection


@section('scripts')
   
    <script>
        $(document).ready(function() {
            var test = $('input[name="price"]:checked').val();
            $("div.desc").hide();
            $("#price" + test).show();
            jQuery('a.add-price').click(function(event) {
                event.preventDefault();
                var newRow = jQuery('<tr><td><div class="row"><div class="col-md-5 form-group col-12">' +
                    ' <label class="pb-2 ads-card-lbl">@lang('site.daynumber')</label ><input type="number"  name="day_num[]" class="form-control"/></div><div class="col-md-5 form-group col-12">' +
                    '<label class="pb-2 ads-card-lbl">@lang('site.fixed_price')</label><input type="number" name="price[]" class="form-control" >' +
                    '  </div>  <div class="col-md-2 form-group col-12 d-flex align-items-end"> <br><a class="btn btn-air-primary btn-pill btn-danger add-price w-100 " style="line-height: 1.9" onclick="deletetr(this)" ><i class="fa fa-trash"></i></a>' +
                    '</div></div> </td>  </tr>');
                jQuery('.price-list').append(newRow);
            });


            // alert(document.getElementById("colorr").value);
            // var color = document.getElementById("colorr").value;


            // $("input[type='color']").click(function() {
            //     var test = $(this).val();

            //     // $radioprice=document.getElementById("radioprice").setAttribute("value", test);

            //     // if(test == "#000000")
            //     // {
            //     //     alert("please");
            //     // }

            //     // $("div.desc").hide();
            //     // $("#price" + test).show();
            // });


            $("input[name='price']").click(function() {
                var test = $(this).val();
                $radioprice = document.getElementById("radioprice").setAttribute("value", test);

                if (radioprice.value == 1) {
                    $("#fixed_price").attr("required", "required");
                }

                $("div.desc").hide();
                $("#price" + test).show();
            });
            @if (!empty($car))
                var country_id = $('#country_id').val();
                $.get("{{ url('invst/countrycities') }}/" + country_id, function(data) {
                    console.log(data);

                    $('#city_id').empty();
                    $('#city_id').append('<option >@lang('site.select')</option>');
                    $.each(data, function(key, value) {
                        $('#city_id').append('<option value="' + value.id + '">' + value.name_ar +
                            '</option>')

                    });
                    $('#city_id').val({{ $car->city_id ?? 0 }});
                });


                var categoryId = $('#category_id').val();
                $.get("{{ url('invst/SubCategories') }}/" + categoryId, function(data) {
                    console.log(data);
                    $('#sub_category_id').empty();
                    $('#sub_category_id').append('<option>@lang('site.select')</option>');
                    $.each(data, function(key, value) {
                        $('#sub_category_id').append('<option value="' + value.id + '">' + value
                            .name_ar + '</option>')

                    });
                    $('#sub_category_id').val({{ $car->sub_category_id ?? 0 }});
                });
            @endif

        });

        function deletetr(r) {
            r.closest('tr').remove();
        }

        $('#country_id').on('change', function(e) {
            var country_id = e.target.value;


            $.get("{{ url('invst/countrycities') }}/" + country_id, function(data) {
                console.log(data);
                $('#city_id').empty();
                $('#city_id').append('<option> @lang('site.select') </option>');
                $.each(data, function(key, value) {
                    $('#city_id').append('<option value="' + value.id + '">' + value.name_ar +
                        '</option>')

                });
            })
        });
        $('#category_id').on('change', function(e) {
            var categoryId = e.target.value;



            $.get("{{ url('invst/SubCategories') }}/" + categoryId, function(data) {
                console.log(data);
                $('#sub_category_id').empty();
                $('#sub_category_id').append('<option>  @lang('site.select')  </option>');
                $.each(data, function(key, value) {
                    $('#sub_category_id').append('<option value="' + value.id + '">' + value
                        .name_ar + '</option>')

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