@extends('layouts.admin')

@section('styles')

@endsection
@section('content')
    <!-- Content wrapper -->
    <div class="content-wrapper">
    <!-- Content -->
        <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light"><a href="{{ route('post.index') }}"> {{ __('admin.posts') }} </a> / </span> {{ __('admin.add') }}</h4>
            <div class="row mb-4">
                <div class="row">
                    <div class="card mb-4">
                        <h5 class="card-header">{{ __('admin.add_new_post') }}</h5>
                        @include('admin.includes._errors')


                        <form class="card-body" action="{{ route('post.store') }}" method="post" enctype="multipart/form-data">
                            @csrf

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-main_photo">{{ __('admin.main_photo') }}</label>
                                    <input type="file" name="photo" id="multicol-title" class="form-control"  />
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-mobile">{{ __('admin.post_status') }}</label>
                                    <div class="">
                                      <label class="switch">
                                        <input type="checkbox" name="status" class="switch-input is-valid"  />
                                        <span class="switch-toggle-slider">
                                          <span class="switch-on"></span>
                                          <span class="switch-off"></span>
                                        </span>
                                        <span class="switch-label">{{ __('admin.active') }}</span>
                                      </label>
                                    </div>
                                </div>

                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-category">{{ __('admin.client') }}</label>
                                    <select id="multicol-client" name="client_id" class="select2 form-select client" data-allow-clear="true">
                                    <option value="">{{ __('admin.select') }}</option>
                                    @if(count($clients) > 0)
                                        @foreach ($clients as $client)
                                            <option value="{{ $client->id }}">{{ $client->username }}</option>
                                        @endforeach
                                    @endif
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-category">{{ __('admin.type_account') }}</label>
                                    <select id="multicol-client" name="type_account" class="select2 form-select type_account" data-allow-clear="true">
                                        <option value="">{{ __('admin.select') }}</option>
                                        <option value="">{{ __('admin.owner') }}</option>
                                        <option value="">{{ __('admin.agent') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row g-3">
                                @foreach (config('translatable.locales') as $lang)
                                    <div class="col-md-6">
                                        <label class="form-label" for="multicol-title">{{ __('admin.title_'.$lang) }}</label>
                                        <input type="text" name="title:{{ $lang }}" id="multicol-title" class="form-control"  />
                                    </div>
                                @endforeach
                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-mobile">{{ __('admin.mobile') }}</label>
                                    <input type="text" name="mobile" id="multicol-mobile" class="form-control"  id="multicol-phone"  class="form-control phone-mask" placeholder="658 799 8941"  aria-label="658 799 8941" />
                                </div>

                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                  <label class="form-label" for="multicol-category">{{ __('admin.category') }}</label>
                                  <select id="multicol-category" name="category_id" class="select2 form-select category" data-allow-clear="true">
                                    <option value="">{{ __('admin.select') }}</option>
                                    @if(count($categories) > 0)
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->id }}">{{ $category->name }}</option>
                                        @endforeach
                                    @endif
                                  </select>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-sub_category">{{ __('admin.sub_category') }}</label>
                                    <select id="multicol-sub_category" name="sub_category_id" class="select2 form-select sub_category" data-allow-clear="true">
                                      <option value="">{{ __("admin.select") }}</option>
                                    </select>
                                </div>

                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                  <label class="form-label" for="multicol-country">{{ __('admin.country') }}</label>
                                  <select id="multicol-country" name="country_id" class="select2 form-select country" data-allow-clear="true">
                                    <option value="">{{ __('admin.select') }}</option>
                                    @if(count($countries) > 0)
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach
                                    @endif
                                  </select>
                                </div>

                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-city">{{ __('admin.city') }}</label>
                                    <select id="multicol-city" name="city_id" class="select2 form-select city" data-allow-clear="true">
                                      <option value="">{{ __("admin.select") }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                  <label class="form-label" for="multicol-price">{{ __('admin.price') }}</label>
                                  <input type="text" name="price" id="multicol-price" class="form-control"  />
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-mobile">{{ __('admin.currency') }}</label>
                                    <input type="text" name="currency" id="multicol-currency" class="form-control"   />
                                </div>
                            </div>

                            @foreach (config('translatable.locales') as $lang)
                                <div class="col-12">
                                    <label class="form-label" for="collapsible-desc">{{ __('admin.desc_'.$lang) }}</label>
                                    <textarea  name="desc:{{ $lang }}"  class="form-control"  id="collapsible-desc"  rows="3"    ></textarea>
                                </div>
                            @endforeach

                            <div class="div_features" style="display: none;">
                                <div class=" row g-3 features" >

                                </div>
                            </div>

                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label" for="multicol-photos">{{ __('admin.photos') }}</label>
                                    <input type="file" name="photos[]" multiple id="multicol-photos" class="form-control"  />
                                </div>
                            </div>



                            <div class="pt-4">
                                <button type="submit" class="btn btn-primary me-sm-3 me-1">{{ __('admin.add') }}</button>
                            </div>
                        </form>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- / Content -->

@endsection

@section('scripts')
    <script>
        $('.country').change(function(){
            var id = $(this).val();
            $.ajax({
               type:'POST',
               url:'{{ route("country_get_cities") }}',
               data:{
                    '_token' : '