@extends('admin.layout.master')
@section('content')




    <section id="nav-justified">
        <div class="row">
            <div class="col-sm-12">
                <div class="card overflow-hidden">
                    <div class="card-header">
                        <h4 class="card-title">@lang('admin.edit')</h4>
                    </div>
                    <form method="post" style="padding: 20px" id="addform" data-parsley-validate="">
                        @csrf
                        @method('post')
                        <div class="card-content">

                            <div class="card-body">

                                <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab-justified" data-toggle="tab" href="#home-just" role="tab" aria-controls="home-just" aria-selected="true">@lang('admin.editForm')</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab-justified" data-toggle="tab" href="#profile-just" role="tab" aria-controls="profile-just" aria-selected="false">@lang('admin.regions')</a>
                                    </li>

                                </ul>

                                <!-- Tab panes -->
                                <div class="tab-content pt-1">
                                    <div class="tab-pane active" id="home-just" role="tabpanel" aria-labelledby="home-tab-justified">

                                        <div class="modal-body">
                                            <div class="alert alert-danger" id="error" style="display: none">

                                            </div>
                                            <div class="box-body">

                                                <div class="form-group col-md-12">
                                                    <label for="">اختر</label>
                                                    <select name="banner" class="form-control" id="banner">
                                                        <option value="0">{{trans('admin.none')}}</option>
                                                        <option value="0" >{{trans('admin.slider')}}</option>
                                                        <option value="1" >{{trans('admin.banner')}}</option>
                                                        <option value="5" >@lang('admin.intro')</option>

                                                    </select>
                                                </div>


                                                <div class="row">


                                                    <div class="slider" id="slider_data" style="margin-top: 50px;display: none">
                                                        @foreach(config('translatable.locales') as $local)

                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="">@lang('admin.'.$local.'.name')</label>
                                                                        <input type="text" class="form-control" name="{{$local}}[name]" value="" placeholder="@lang('admin.'.$local.'.name')" >
                                                                    </div>
                                                                </div>

                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label for="">@lang('admin.'.$local.'.content')</label>
                                                                        <textarea type="text" class="form-control ckeditor" name="{{$local}}[content]"  placeholder="@lang('admin.'.$local.'.content')"></textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    </div>

                                                    <div class="form-group col-md-6">
                                                        <label for="">نوع الاسلايدر / البانر</label>
                                                        <select name="imageType" class="form-control" id="imageType">
                                                            <option value="general">{{trans('admin.none')}}</option>
                                                            <option value="general" >{{trans('admin.general')}}</option>
                                                            <option value="special" >{{trans('admin.special')}}</option>

                                                        </select>
                                                    </div>

                                                    {{--                                                    <div class="col-md-6" style="display: none" id="showGeneral">--}}
                                                    {{--                                                        <div class="form-group">--}}
                                                    {{--                                                            <label for="">@lang('admin.regions')</label>--}}
                                                    {{--                                                            <p style="color: red; text-align: center" ><a href="#" data-toggle="modal" data-target=".bd-example-modal-lg">اضغط هنا لاختيار المناطق</a> </p>--}}
                                                    {{--                                                <select class="form-control select2" id="region_id" name="region_id[]"  multiple>--}}
                                                    {{--                                                    <option value="">@lang('admin.choose')</option>--}}
                                                    {{--                                                    @foreach(\App\Models\Region::get() as $region)--}}
                                                    {{--                                                        <option value="{{$region->id}}"  {{in_array($region->id,$rows->regionsBranch->pluck('id')->toArray()) ? 'selected' : ''}}>{{$region->name}}</option>--}}
                                                    {{--                                                    @endforeach--}}
                                                    {{--                                                </select>--}}
                                                    {{--                                                        </div>--}}
                                                    {{--                                                    </div>--}}


                                                    <div class="form-group col-md-6">
                                                        <label for="">@lang('admin.type')</label>
                                                        <select name="type" class="form-control" id="chooseType">
                                                            <option value="none" >{{trans('admin.none')}}</option>
                                                            <option value="category">{{trans('admin.category')}}</option>
                                                            <option value="product">{{trans('admin.product')}}</option>
                                                            <option value="tagers">{{trans('admin.tagers')}}</option>
                                                            <option value="link">{{trans('admin.link')}}</option>                                                            {{--                                                <option value="items" {{$rows->type == 'items' ? 'selected' : ''}}>{{trans('admin.items')}}</option>--}}

                                                        </select>
                                                    </div>



                                                    <div class="form-group col-md-6" >
                                                        <label for="" id="numberID">@lang('admin.numberID')</label>
                                                        <label for="" id="link" style="display: none">@lang('admin.link')</label>
                                                        <input type="text" class="form-control" id="" name="id_number" value="">
                                                    </div>



                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label for="">@lang('admin.image')</label>
                                                            <input type="file" class="form-control image" id="" name="image">
                                                        </div>

                                                        <div class="form-group">
                                                            <img src="" style="width: 50%;
                                                    height: 100%;" class="image-preview"/>
                                                        </div>
                                                    </div>

                                                </div>





                                            </div>

                                        </div>


                                    </div>
                                    <div class="tab-pane" id="profile-just" role="tabpanel" aria-labelledby="profile-tab-justified">
                                        @foreach(\App\Models\Government::get() as $governemt)
                                            <div class="col-sm-6" style="
float: right;
    background: #ddd;
    border-radius: 14px;
    margin-bottom: 24px;
    max-width: 48% !important;
      margin-left: 20px;
      max-height: 700px;
      overflow-y:auto ;
">
                                                <div class="panel-group">
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading" style="    text-align: center;
    padding: 14px;
    font-size: 16px;
    color: red;">{{$governemt->name}}
                                                        </div>
                                                        @foreach($governemt->regions as $region)
                                                            <div class="col-md-5" style="float: right;padding: 10px">
                                                                <span>{{$region->name}}</span>
                                                            </div>

                                                            <div class="col-md-4" style="float: right;padding: 10px">
                                                                <span><input type="checkbox" name="region_id[]" value="{{$region->id}}" ></span>
                                                            </div>

                                                        @endforeach

                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>

                                </div>

                            </div>



                        </div>

                        <button type="submit" class="btn btn-primary">@lang('admin.save')</button>
                    </form>
                </div>
            </div>
        </div>
    </section>





{{--    <div class="d-flex flex-column-fluid">--}}
{{--        <!--begin::Container-->--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-md-12">--}}
{{--                    <!--begin::Card-->--}}
{{--                    <div class="card card-custom gutter-b example example-compact">--}}
{{--                        <div class="card-header">--}}
{{--                            <h3 class="card-title">Base Controls</h3>--}}
{{--                            <div class="card-toolbar">--}}
{{--                                <div class="example-tools justify-content-center">--}}
{{--                                    <span class="example-toggle" data-toggle="tooltip" title="View code"></span>--}}
{{--                                    <span class="example-copy" data-toggle="tooltip" title="Copy code"></span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <form method="post" style="padding: 20px" id="addform" data-parsley-validate="">--}}
{{--                            @csrf--}}
{{--                            @method('post')--}}
{{--                            <div class="modal-body">--}}
{{--                                <div class="alert alert-danger" id="error" style="display: none">--}}

{{--                                </div>--}}
{{--                                <div class="box-body">--}}


{{--                                    <div class="slider" style="margin-top: 50px">--}}
{{--                                        @foreach(config('translatable.locales') as $local)--}}

{{--                                            <div class="row">--}}
{{--                                                <div class="col-md-6">--}}
{{--                                                    <div class="form-group">--}}
{{--                                                        <label for="">@lang('admin.'.$local.'.name')</label>--}}
{{--                                                        <input type="text" class="form-control" name="{{$local}}[name]" value="" placeholder="@lang('admin.'.$local.'.name')" >--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}

{{--                                                <div class="col-md-6">--}}
{{--                                                    <div class="form-group">--}}
{{--                                                        <label for="">@lang('admin.'.$local.'.content')</label>--}}
{{--                                                        <textarea type="text" class="form-control ckeditor" name="{{$local}}[content]"  placeholder="@lang('admin.'.$local.'.content')"></textarea>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        @endforeach--}}
{{--                                    </div>--}}

{{--                                    <div class="row">--}}

{{--                                        <div class="form-group col-md-6">--}}
{{--                                            <label for="">نوع الاسلايدر / البانر</label>--}}
{{--                                            <select name="imageType" class="form-control" id="imageType">--}}
{{--                                                <option value="general">{{trans('admin.none')}}</option>--}}
{{--                                                <option value="general">{{trans('admin.general')}}</option>--}}
{{--                                                <option value="special">{{trans('admin.special')}}</option>--}}

{{--                                            </select>--}}
{{--                                        </div>--}}

{{--                                        <div class="col-md-6" style="display: none" id="showGeneral">--}}
{{--                                            <div class="form-group">--}}
{{--                                                <label for="">@lang('admin.regions')</label>--}}
{{--                                                <select class="form-control select2" id="region_id" name="region_id[]"  multiple>--}}
{{--                                                    <option value="">@lang('admin.choose')</option>--}}
{{--                                                    @foreach(\App\Models\Region::get() as $region)--}}
{{--                                                        <option value="{{$region->id}}" >{{$region->name}}</option>--}}
{{--                                                    @endforeach--}}
{{--                                                </select>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                        <div class="form-group col-md-6">--}}
{{--                                            <label for="">@lang('admin.choose')</label>--}}
{{--                                            <select name="banner" class="form-control" id="banner">--}}
{{--                                                <option value="0">{{trans('admin.none')}}</option>--}}
{{--                                                <option value="0" >{{trans('admin.slider')}}</option>--}}
{{--                                                <option value="1">{{trans('admin.banner')}}</option>--}}
{{--                                                <option value="5">@lang('admin.intro')</option>--}}
{{--                                            </select>--}}
{{--                                        </div>--}}


{{--                                        <div class="form-group col-md-6">--}}
{{--                                            <label for="">@lang('admin.type')</label>--}}
{{--                                              <select name="type" class="form-control" id="chooseType">--}}
{{--                                                <option value="none">{{trans('admin.none')}}</option>--}}
{{--                                                  <option value="category">{{trans('admin.category')}}</option>--}}
{{--                                                  <option value="product">{{trans('admin.product')}}</option>--}}
{{--                                                  <option value="tagers">{{trans('admin.tagers')}}</option>--}}
{{--                                                  <option value="link">{{trans('admin.link')}}</option>--}}
{{--                                              </select>--}}
{{--                                        </div>--}}



{{--                                        <div class="form-group col-md-6" >--}}
{{--                                            <label for="" id="numberID">@lang('admin.numberID')</label>--}}
{{--                                            <label for="" id="link" style="display: none">@lang('admin.link')</label>--}}
{{--                                            <input type="number" class="form-control" id="" name="id_number" value="">--}}
{{--                                        </div>--}}





{{--                                        <div class="col-md-6">--}}
{{--                                            <div class="form-group">--}}
{{--                                                <label for="">@lang('admin.image')</label>--}}
{{--                                                <input type="file" class="form-control image" id="" name="image">--}}
{{--                                            </div>--}}

{{--                                            <div class="form-group">--}}
{{--                                                <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image')))}}" style="width: 50%;--}}
{{--                                                    height: 100%;" class="image-preview"/>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}

{{--                                    </div>--}}





{{--                                </div>--}}

{{--                            </div>--}}
{{--                            <div class="modal-footer">--}}
{{--                                <button type="submit" class="btn btn-primary">@lang('admin.save')</button>--}}
{{--                            </div>--}}
{{--                        </form>--}}

{{--                        <!--end::Form-->--}}
{{--                    </div>--}}
{{--                    <!--end::Card-->--}}

{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <!--end::Container-->--}}
{{--    </div>--}}


@endsection
@push('js')
    <script>
        // samer
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $('body').on('submit','#addform',function (e) {
                e.preventDefault();
                // alert('asdasd');
                $.ajax({
                    url: '{{ route('sliders.store') }}',
                    method: "post",
                    data: new FormData(this),
                    dataType: 'json',

                    cache       : false,
                    contentType : false,
                    processData : false,

                    success: function (response) {
                        if(response.status == 'failed'){
                            $.each(response.error, function( index, value ) {
                                for (var i=0 ; i<=value.length ; i++){
                                    $('#error').show();
                                    $('#error').append(value[i]);
                                }
                            });
                        }else{
                            $('#error').hide();

                                new Noty({
                                    type: 'success',
                                    layout: 'topRight',
                                    text: "@lang('admin.successfuly_added')",
                                    timeout: 2000,
                                    killer: true
                                }).show();

                            $("#addform")[0].reset();
                        }
                        // window.location.reload();
                    },

                });
            });

            $('body').on('change','#chooseType',function (e){
                e.preventDefault();

                var val = $(this).val();
                if(val == 'none'){
                    $('#none').hide();
                }else{
                    if(val == 'link'){
                        $('#numberID').hide();
                        $('#link').show();
                    }else{
                        $('#numberID').show();
                        $('#link').hide();
                    }


                }

            });

            $('body').on('change' , '#imageType' , function (e){
                e.preventDefault();
                var val = $(this).val();

                if(val == 'general'){
                    $('#showGeneral').hide();
                    $('#region_id').val( );

                }else{
                    $('#showGeneral').show();
                }


            });

            $('#chooseType').trigger('change');
            $('#imageType').trigger('change');
        });
    </script>

@endpush