@extends('admin.layout.master')
@push('css')
    <style>
        .box-body .activ {
            width: 100%;
            background: blanchedalmond;
            color: black;
            font-size: 16px;
            font-weight: 100;
        }

    </style>
@endpush
@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="updateForm" data-parsley-validate="">
                        {{csrf_field()}}
                        {{method_field('put')}}
                    <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" {{$rows->banner == '0' ? 'selected':''}}>{{trans('admin.slider')}}</option>
                                                        <option value="1" {{$rows->banner == '1' ? 'selected':''}}>{{trans('admin.banner')}}</option>
                                                        <option value="5" {{$rows->banner == '5' ? 'selected':''}}>@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="{{$rows->translate($local)?->name}}" 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')">{{$rows->translate($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" {{$rows->imageType == 'general' ? 'selected':''}}>{{trans('admin.general')}}</option>
                                                            <option value="special" {{$rows->imageType == 'special' ? 'selected':''}}>{{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" {{$rows->type == 'none' ? 'selected':''}}>{{trans('admin.none')}}</option>
                                                            <option value="category" {{$rows->type == 'category' ? 'selected' : ''}}>{{trans('admin.category')}}</option>
                                                            <option value="product" {{$rows->type == 'product' ? 'selected' : ''}}>{{trans('admin.product')}}</option>
                                                            <option value="tagers" {{$rows->type == 'tagers' ? 'selected' : ''}}>{{trans('admin.tagers')}}</option>
                                                            <option value="link" {{$rows->type == 'link' ? 'selected' : ''}}>{{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="{{$rows->id_number }}">
                                                    </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="{{$rows->image_path }}" 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}}" {{in_array($region->id,$rows->regionsBranch->pluck('id')->toArray()) ? 'checked' : ''}}></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="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">--}}
{{--        <div class="modal-dialog modal-lg">--}}
{{--            <div class="row modal-content">--}}
{{--                @foreach(\App\Models\Government::get() as $governemt)--}}
{{--                    <div class="col-md-6">--}}
{{--                        <div class="panel panel-default">--}}
{{--                            <div class="panel-heading">--}}
{{--                                {{$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" step="0.01" class="region_{{$region->governments_id}}" name="region[]"></span>--}}
{{--                                </div>--}}


{{--                            @endforeach--}}

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

{{--                @endforeach--}}

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

@endsection
@push('js')
    <script>
        $(function () {
            $('body').on('submit','#updateForm',function (e) {
                e.preventDefault();
                // alert('asdasd');
                $.ajax({
                    url: '{{ route($title.'.update' , $rows->id) }}',
                    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();
                            if(response.status == 'success'){
                                new Noty({
                                    type: 'success',
                                    layout: 'topRight',
                                    text: "@lang('admin.successfuly_added')",
                                    timeout: 2000,
                                    killer: true
                                }).show();
                            }
                            // table.ajax.reload();
                            $("#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();
                }


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

                if(val == '5'){
                    $('#slider_data').show();

                }else{
                    $('#slider_data').hide();
                }


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