@extends('layouts.app')
@section('title')
    @if (!empty($title))
        {{ $title }} |
    @endif @parent
@endsection


@section('page-css')
    <link href="{{ asset('assets/plugins/bootstrap-datepicker-1.6.4/css/bootstrap-datepicker3.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/jquery-datetimepicker/jquery.datetimepicker.min.css') }}" rel="stylesheet">
@endsection

@section('content')

    <div class="container">

        <div id="wrapper">

            @include('admin.sidebar_menu')

            <div id="page-wrapper">
                @if (!empty($title))
                    <div class="row">
                        <div class="col-lg-12">
                            <h1 class="page-header"> {{ $title }} </h1>
                        </div> <!-- /.col-lg-12 -->
                    </div> <!-- /.row -->
                @endif

                @include('admin.flash_msg')

                <div class="row">
                    <div class="col-md-10 col-xs-12">

                        <form action="" id="adsPostForm" class="form-horizontal" method="post"
                            enctype="multipart/form-data"> @csrf

                            <legend> <span class="ad_text"> @lang('app.ad') </span> @lang('app.info')</legend>

                            <div class="form-group {{ $errors->has('ad_title') ? 'has-error' : '' }}">
                                <label for="ad_title" class="col-sm-4 control-label"><span class="ad_text">
                                        @lang('app.ad') </span> @lang('app.title')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="ad_title"
                                        value="{{ old('ad_title') ? old('ad_title') : $ad->title }}" name="ad_title"
                                        placeholder="@lang('app.ad_title')">
                                    {!! $errors->has('ad_title') ? '<p class="help-block">' . $errors->first('ad_title') . '</p>' : '' !!}
                                    <p class="text-info"> @lang('app.great_title_info')</p>
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('ad_sub_title') ? 'has-error' : '' }}">
                                <label for="ad_sub_title" class="col-sm-4 control-label"> <span class="ad_text">
                                        @lang('app.ad') </span> @lang('app.sub_title')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="ad_sub_title"
                                        value="{{ old('ad_sub_title') ? old('ad_sub_title') : $ad->sub_title }}"
                                        name="ad_sub_title" placeholder="@lang('app.ad_sub_title')">
                                    {!! $errors->has('ad_sub_title') ? '<p class="help-block">' . $errors->first('ad_sub_title') . '</p>' : '' !!}
                                    <p class="text-info"> @lang('app.great_sub_title_info')</p>
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('ad_description') ? 'has-error' : '' }}">
                                <label class="col-sm-4 control-label"><span class="ad_text"> @lang('app.ad') </span>
                                    @lang('app.description')</label>
                                <div class="col-sm-8">
                                    <textarea name="ad_description" class="form-control" id="content_editor" rows="8">{{ old('ad_description') ? old('ad_description') : $ad->description }}</textarea>
                                    {!! $errors->has('ad_description') ? '<p class="help-block">' . $errors->first('ad_description') . '</p>' : '' !!}
                                    <p class="text-info"> @lang('app.ad_description_info_text')</p>
                                </div>
                            </div>


                            <div class="form-group  {{ $errors->has('price') ? 'has-error' : '' }}">
                                <label for="price" class="col-md-4 control-label"><span
                                        class="price_text">@lang('app.starting_price')</span></label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">{{ get_option('currency_sign') }}</span>
                                        <input type="text" placeholder="@lang('app.ex_price')" class="form-control"
                                            name="price" id="price"
                                            value="{{ old('price') ? old('price') : $ad->price }}">
                                    </div>
                                </div>

                                <div class="col-sm-8 col-md-offset-4">
                                    {!! $errors->has('price') ? '<p class="help-block">' . $errors->first('price') . '</p>' : '' !!}
                                    <p class="text-info">Pick a good price. </p>
                                </div>

                            </div>

                            <div class="form-group  {{ $errors->has('real_price') ? 'has-error' : '' }}">
                                <label for="real_price" class="col-md-4 control-label"> <span
                                        class="price_text">@lang('app.real_price')</span> </label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <span class="input-group-addon">{{ get_option('currency_sign') }}</span>
                                        <input type="text" placeholder="@lang('app.ex_price')" class="form-control"
                                            name="real_price" id="real_price"
                                            value="{{ old('real_price') ? old('real_price') : $ad->real_price }}">
                                    </div>
                                </div>

                                <div class="col-sm-8 col-md-offset-4">
                                    {!! $errors->has('real_price') ? '<p class="help-block">' . $errors->first('real_price') . '</p>' : '' !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('begin_at') ? 'has-error' : '' }}">
                                <label for="begin_at" class="col-sm-4 control-label"> @lang('app.begin_at')</label>
                                <div class="col-sm-8">
                                    <input type="text" autocomplete="no" autocomplete="off" class="form-control"
                                        id="begin_at" value="{{ old('begin_at') ? old('begin_at') : $ad->begin_at }}"
                                        name="begin_at" placeholder="@lang('app.begin_at')">
                                    {!! $errors->has('begin_at') ? '<p class="help-block">' . $errors->first('begin_at') . '</p>' : '' !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('bid_deadline') ? 'has-error' : '' }}">
                                <label for="bid_deadline" class="col-sm-4 control-label"> @lang('app.bid_deadline')</label>
                                <div class="col-sm-8">
                                    <input type="text" autocomplete="no" autocomplete="off" class="form-control"
                                        id="bid_deadline"
                                        value="{{ old('bid_deadline') ? old('bid_deadline') : $ad->expired_at }}"
                                        name="bid_deadline" placeholder="@lang('app.bid_deadline')">
                                    {!! $errors->has('bid_deadline') ? '<p class="help-block">' . $errors->first('bid_deadline') . '</p>' : '' !!}
                                </div>
                            </div>


                            <div class="form-group  {{ $errors->has('new_bids') ? 'has-error' : '' }}">
                                <label for="new_bids" class="col-md-4 control-label"> <span
                                        class="price_text">@lang('app.new_bids')</span> </label>
                                <div class="col-md-4">
                                    <div class="input-group">
                                        <input type="checkbox" placeholder="@lang('app.ex_price')" class="form-control"
                                            name="new_bids" id="new_bids" {{ $ad->new_bids > 0 ? 'checked' : '' }}
                                            value="yes">
                                    </div>
                                </div>

                                <div class="col-sm-8 col-md-offset-4">
                                    {!! $errors->has('new_bids') ? '<p class="help-block">' . $errors->first('new_bids') . '</p>' : '' !!}
                                </div>
                            </div>

                            <legend>@lang('app.image')</legend>

                            <div class="form-group {{ $errors->has('images') ? 'has-error' : '' }}">
                                <div class="col-sm-12">

                                    <div id="uploaded-ads-image-wrap">
                                        @if ($ad->media_img->count() > 0)
                                            @foreach ($ad->media_img as $img)
                                                <div class="creating-ads-img-wrap">
                                                    <img src="{{ media_url($img, false) }}" class="img-responsive" />
                                                    <div class="img-action-wrap" id="{{ $img->id }}">
                                                        <a href="javascript:;" class="imgDeleteBtn"><i
                                                                class="fa fa-trash-o"></i> </a>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>


                                    <div class="col-sm-8 col-sm-offset-4">
                                        <div class="upload-images-input-wrap">
                                            <input type="file" name="images[]" class="form-control" />
                                            <input type="file" name="images[]" class="form-control" />
                                        </div>

                                        <div class="image-ad-more-wrap">
                                            <a href="javascript:;" class="image-add-more"><i
                                                    class="fa fa-plus-circle"></i> @lang('app.add_more')</a>
                                        </div>
                                    </div>
                                    {!! $errors->has('images') ? '<p class="help-block">' . $errors->first('images') . '</p>' : '' !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('video_url') ? 'has-error' : '' }}">
                                <label for="ad_title" class="col-sm-4 control-label">@lang('app.video_url')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="video_url"
                                        value="{{ old('video_url') ? old('video_url') : $ad->video_url }}"
                                        name="video_url" placeholder="@lang('app.video_url')">
                                    {!! $errors->has('video_url') ? '<p class="help-block">' . $errors->first('video_url') . '</p>' : '' !!}
                                    <p class="help-block">@lang('app.video_url_help')</p>
                                    <p class="text-info">@lang('app.video_url_help_for_modern_theme')</p>
                                </div>
                            </div>


                            <legend>@lang('app.location_info')</legend>

                            <div class="form-group  {{ $errors->has('country') ? 'has-error' : '' }}">
                                <label for="category_name" class="col-sm-4 control-label">@lang('app.country')</label>
                                <div class="col-sm-8">
                                    <select class="form-control select2" name="country">
                                        <option value="">@lang('app.select_a_country')</option>

                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}"
                                                {{ $ad->country_id == $country->id ? 'selected' : '' }}>
                                                {{ $country->country_name }}</option>
                                        @endforeach
                                    </select>
                                    {!! $errors->has('country') ? '<p class="help-block">' . $errors->first('country') . '</p>' : '' !!}
                                </div>
                            </div>

                            <div class="form-group  {{ $errors->has('state') ? 'has-error' : '' }}">
                                <label for="category_name" class="col-sm-4 control-label">@lang('app.state')</label>
                                <div class="col-sm-8">
                                    <select class="form-control select2" id="state_select" name="state">
                                        @if ($previous_states->count() > 0)
                                            @foreach ($previous_states as $state)
                                                <option value="{{ $state->id }}"
                                                    {{ $ad->state_id == $state->id ? 'selected' : '' }}>
                                                    {{ $state->state_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <p class="text-info">
                                        <span id="state_loader" style="display: none;"><i
                                                class="fa fa-spin fa-spinner"></i> </span>
                                    </p>
                                </div>
                            </div>

                            <div class="form-group  {{ $errors->has('city') ? 'has-error' : '' }}">
                                <label for="category_name" class="col-sm-4 control-label">@lang('app.city')</label>
                                <div class="col-sm-8">
                                    <select class="form-control select2" id="city_select" name="city">
                                        @if ($previous_cities->count() > 0)
                                            @foreach ($previous_cities as $city)
                                                <option value="{{ $city->id }}"
                                                    {{ $ad->city_id == $city->id ? 'selected' : '' }}>{{ $city->city_name }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <p class="text-info">
                                        <span id="city_loader" style="display: none;"><i
                                                class="fa fa-spin fa-spinner"></i> </span>
                                    </p>
                                </div>
                            </div>

                            @if ($ad->category_type == 'jobs')
                                <div class="job_field">
                                    <div class="form-group  {{ $errors->has('is_any_where') ? 'has-error' : '' }}">
                                        <label for="is_any_where_select" class="col-sm-4 control-label"></label>
                                        <div class="col-sm-8">

                                            <label>
                                                <input type="checkbox" name="is_any_where" value="1"
                                                    @if ($ad->job->is_any_where == '1') checked="checked" @endif />
                                                @lang('app.is_any_where')
                                            </label>
                                            <p class="text-info">
                                                @lang('app.is_any_where_in_country')
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <legend><span class="seller_text"> @lang('app.seller') </span> @lang('app.info')</legend>

                            <div class="form-group {{ $errors->has('seller_name') ? 'has-error' : '' }}">
                                <label for="seller_name" class="col-sm-4 control-label"> <span class="seller_text">
                                        @lang('app.seller') </span> @lang('app.name')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seller_name"
                                        value="{{ old('seller_name') ? old('seller_name') : $ad->seller_name }}"
                                        name="seller_name" placeholder="@lang('app.seller_name')">
                                    {!! $errors->has('seller_name') ? '<p class="help-block">' . $errors->first('seller_name') . '</p>' : '' !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('seller_email') ? 'has-error' : '' }}">
                                <label for="seller_email" class="col-sm-4 control-label"> <span class="seller_text">
                                        @lang('app.seller') </span> @lang('app.email')</label>
                                <div class="col-sm-8">
                                    <input type="email" class="form-control" id="seller_email"
                                        value="{{ old('seller_email') ? old('seller_email') : $ad->seller_email }}"
                                        name="seller_email" placeholder="@lang('app.seller_email')">
                                    {!! $errors->has('seller_email') ? '<p class="help-block">' . $errors->first('seller_email') . '</p>' : '' !!}
                                </div>
                            </div>


                            <div class="form-group {{ $errors->has('seller_phone') ? 'has-error' : '' }}">
                                <label for="seller_phone" class="col-sm-4 control-label"> <span class="seller_text">
                                        @lang('app.seller') </span> @lang('app.phone')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="seller_phone"
                                        value="{{ old('seller_phone') ? old('seller_phone') : $ad->seller_phone }}"
                                        name="seller_phone" placeholder="@lang('app.seller_phone')">
                                    {!! $errors->has('seller_phone') ? '<p class="help-block">' . $errors->first('seller_phone') . '</p>' : '' !!}
                                </div>
                            </div>

                            <div class="form-group {{ $errors->has('address') ? 'has-error' : '' }}">
                                <label for="address" class="col-sm-4 control-label">@lang('app.address')</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" id="address"
                                        value="{{ old('address') ? old('address') : $ad->address }}" name="address"
                                        placeholder="@lang('app.address')">
                                    {!! $errors->has('address') ? '<p class="help-block">' . $errors->first('address') . '</p>' : '' !!}
                                    <p class="text-info">@lang('app.address_line_help_text')</p>
                                </div>
                            </div>

                            <hr />

                            <div class="form-group">
                                <div class="col-sm-offset-4 col-sm-8">
                                    <button type="submit" class="btn btn-primary">@lang('app.edit_ad')</button>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>

            </div> <!-- /#page-wrapper -->

        </div> <!-- /#wrapper -->


    </div> <!-- /#container -->

@endsection

@section('page-js')
    <script src="{{ asset('assets/plugins/ckeditor/ckeditor.js') }}"></script>
    <script>
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('content_editor');
    </script>

    <script src="{{ asset('assets/plugins/bootstrap-datepicker-1.6.4/js/bootstrap-datepicker.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
    <script type="text/javascript">
        $('#application_deadline, #bid_deadline').datetimepicker({
            format: "Y-m-d H:i",
            todayHighlight: true,
            startDate: new Date(),
            minDate: 0,
            closeOnDateSelect: true
        });
        $('#application_deadline, #begin_at').datetimepicker({
            format: "Y-m-d H:i",
            todayHighlight: true,
            minDate: 0,
            startDate: new Date(),
            closeOnDateSelect: true
        });

        $('#build_year').datepicker({
            format: "yyyy",
            viewMode: "years",
            minViewMode: "years",
            autoclose: true
        });
    </script>

    <script>
        function generate_option_from_json(jsonData, fromLoad) {

            //Load Category Json Data To Brand Select
            if (fromLoad === 'category_to_brand') {
                var option = '';
                if (jsonData.length > 0) {
                    option += '<option value="0" selected>