@extends("layouts.app")
@section("title")
Website Control
@endsection
@section("content")
    <div class="kt-container  kt-grid__item kt-grid__item--fluid">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <div class="kt-portlet">
                    <div class="kt-portlet__head">
                        <div class="kt-portlet__head-label">
                            <h3 class="kt-portlet__head-title">Website Control</h3>
                        </div>
                    </div>
                    <div class="kt-portlet__body">

                        <div class="kt-login__form">
                            <form class="m-login__form m-form" id="signup_form" method="POST"
                                  action="{{ url('Control') }}">
                                <div class="form-group">
                                    <h4>General</h4>
                                </div>
                                <div class="form-group row">

                                    <div class="col-md-6">
                                        <label class="control-label">UI color 1 
                                            <span class="required"> * </span>
                                        </label>
                                        <input required value="{{$data['Control']->color_1}}" readonly type="text" name="color_1" id="color_1" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="control-label">UI color 2
                                            <span class="required"> * </span>
                                        </label>
                                        <input required value="{{$data['Control']->color_2}}" readonly  type="text" name="color_2" id="color_2" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="control-label">logo
                                            <span class="required"> * </span>
                                        </label>
                                        <input required type="file" name="logo" id="logo" class="form-control">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="control-label">System title
                                            <span class="required"> * </span>
                                        </label>
                                        <input required type="text" value="{{$data['Control']->system_title}}" name="system_title" id="system_title" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <h4>Filters</h4>
                                </div>
                                <div class="form-group row">


                                    <div class="col-md-6">
                                    <label class="control-label"><b>Countries filter name </b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text"  value="{{$data['Control']->countries_filters_name}}"  name="countries_filters_name" id="countries_filters_name" class="form-control">
                                    </div>
                                    <div class="col-1">
                                        <label class="control-label"><b>Enable </b>
                                        </label>

                                        <span class="kt-switch kt-switch--primary">
                                        <label>
                                        <input type="hidden" name="countries_filters_enable" value="0">

                                        <input type="checkbox"  {{($data['Control']->countries_filters_enable==1)?"checked":""}}  name="countries_filters_enable" value="1"  >
                                        <span></span>
                                        </label>
                                        </span>
                                    </div>
                                </div>                                
                                <div class="form-group row">


                                    <div class="col-md-6">
                                    <label class="control-label"><b>Sources filter name </b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text" value="{{$data['Control']->sources_filters_name}}"   name="sources_filters_name" id="sources_filters_name" class="form-control">
                                    </div>
                                    <div class="col-1">
                                        <label class="control-label"><b>Enable </b>
                                        </label>

                                        <span class="kt-switch kt-switch--primary">
                                        <label>
                                        <input type="hidden" name="sources_filters_enable" value="0">

                                        <input type="checkbox"  {{($data['Control']->sources_filters_enable==1)?"checked":""}}  name="sources_filters_enable" value="1"   >
                                        <span></span>
                                        </label>
                                        </span>
                                    </div>
                                </div>                                
                                <div class="form-group row">


                                    <div class="col-md-6">
                                    <label class="control-label"><b>Subjects filter name </b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text"  value="{{$data['Control']->subjects_filters_name}}"  name="subjects_filters_name" id="subjects_filters_name" class="form-control">
                                    </div>
                                    <div class="col-1">
                                        <label class="control-label"><b>Enable </b>
                                        </label>

                                        <span class="kt-switch kt-switch--primary">
                                        <label>
                                        <input type="hidden" name="subjects_filters_enable" value="0">

                                        <input type="checkbox"  {{($data['Control']->subjects_filters_enable==1)?"checked":""}}    name="subjects_filters_enable" value="1" >
                                        <span></span>
                                        </label>
                                        </span>
                                    </div>
                                </div>                                
                                <div class="form-group row">


                                    <div class="col-md-6">
                                    <label class="control-label"><b>Sub headings filter name </b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text"  value="{{$data['Control']->sub_headings_filters_name}}"  name="sub_headings_filters_name" id="sub_headings_filters_name" class="form-control">
                                    </div>
                                    <div class="col-1">
                                        <label class="control-label"><b>Enable </b>
                                        </label>

                                        <span class="kt-switch kt-switch--primary">
                                        <label>
                                        <input type="hidden" name="sub_headings_filters_enable" value="0">

                                        <input type="checkbox" {{($data['Control']->sub_headings_filters_enable==1)?"checked":""}} name="sub_headings_filters_enable" value="1" >
                                        <span></span>
                                        </label>
                                        </span>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <h4>Subjects</h4>
                                </div>
                                <div class="form-group row">
                                    <div class="col-md-4">
                                        <label class="control-label"><b>subjects limit</b>
                                                <span class="required"> * </span>
                                       </label>
                                        <input required type="number"  value="{{$data['Control']->no_subjects}}"  name="no_subjects" id="no_subjects" class="form-control">
                                    </div>


                                    <div class="col-md-4">
                                    <label class="control-label"><b>no of sources</b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="number"  value="{{$data['Control']->no_of_sources}}"  name="no_of_sources" id="no_of_sources" class="form-control">
                                    </div>

                                    <div class="col-md-4">
                                    <label class="control-label"><b>no of Rss</b>
                                            <span class="required"> * </span>
                                    </label>
                                     <input required type="number"  value="{{$data['Control']->no_of_rss}}"  name="no_of_rss" id="no_of_rss" class="form-control">
                                    </div>
                                </div>
                                    <div class="col-3">
                                        <label class="control-label"><b>Enable signup</b>
                                        </label>

                                        <span class="kt-switch kt-switch--primary">
                                        <label>
                                        <input type="hidden" name="signup_enable" value="0">
                                        <input type="checkbox" {{($data['Control']->signup_enable==1)?"checked":""}} name="signup_enable" value="1"  >
                                        <span></span>
                                        </label>
                                        </span>
                                    </div>
                                <div class="form-group">
                                    <h4>Facebook login
                                    
                                        <span class="kt-switch kt-switch--primary">
                                            <label>
                                        <input type="hidden" name="fb_enable" value="0">

                                                <input type="checkbox"  {{($data['Control']->fb_enable==1)?"checked":""}} id="fb_enable" name="fb_enable" value="1">
                                                <span></span>
                                            </label>
                                        </span>

                                    </h4>
                         


                                </div>
                                <div class="form-group row fbC" style="{{($data['Control']->fb_enable==1)?"":"display:none"}}">


                                    <div class="col-md-12">
                                    <label class="control-label"><b>client id</b>
                                            <span class="required"> * </span>
                                        </label>                                            
                                        <input required type="text" value="{{$data['Control']->fb_client_id}}" name="fb_client_id" id="fb_client_id" class="form-control">
                                    </div>
                                    <div class="col-md-12">
                                    <label class="control-label"><b>client secret</b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text" value="{{$data['Control']->fb_client_secret}}" name="fb_client_secret" id="fb_client_secret" class="form-control">
                                    </div>

                                </div>
                                <div class="form-group">
                                    <h4>google login
                                        <span class="kt-switch kt-switch--primary">
                                            <label>
                                                <input type="hidden" name="google_enable" value="0">

                                                <input type="checkbox"  {{($data['Control']->google_enable==1)?"checked":""}}  name="google_enable" id="google_enable" value="1">
                                                <span></span>
                                            </label>
                                        </span>
                                    </h4>
                                </div>
                                <div class="form-group row googleC" style="{{($data['Control']->google_enable==1)?"":"display:none"}}">


                                    <div class="col-md-12">
                                        <label class="control-label"><b>client id</b>
                                            <span class="required"> * </span>
                                        </label>
                                            <input required type="text"  value="{{$data['Control']->google_client_id}}" name="google_client_id" id="google_client_id" class="form-control">
                                    </div>

                                    <div class="col-md-12">
                                        <label class="control-label"><b>client secret</b>
                                            <span class="required"> * </span>
                                        </label>

                                            <input required type="text"  value="{{$data['Control']->google_client_secret}}" name="google_client_secret" id="google_client_secret" class="form-control">
                                    </div>

                                </div>
                                <div class="form-group">
                                    <h4>LinkedIn login

                                        <span class="kt-switch kt-switch--primary">
                                            <label>
                                                <input type="hidden" name="linkedin_enable" value="0">
                                                
                                                <input type="checkbox" {{($data['Control']->linkedin_enable==1)?"checked":""}}  name="linkedin_enable" id="linkedin_enable" value="1">
                                                <span></span>
                                            </label>
                                        </span>
                                    </h4>
                                </div>


                                <div class="form-group row linkedinC" style="{{($data['Control']->linkedin_enable==1)?"":"display:none"}}">

                                    <div class="col-md-12">
                                    <label class="control-label"><b>client id</b>
                                            <span class="required"> * </span>
                                        </label>

                                            <input required type="text"   value="{{$data['Control']->linkedin_client_id}}"  name="linkedin_client_id" id="linkedin_client_id" class="form-control">
                                    </div>
                                    <div class="col-md-12">
                                        <label class="control-label"><b>client secret</b>
                                            <span class="required"> * </span>
                                        </label>

                                            <input required type="text"   value="{{$data['Control']->linkedin_client_secret}}"  name="linkedin_client_secret" id="linkedin_client_secret" class="form-control">
                                    </div>

                                </div>

                                {{ csrf_field() }}
                            </form>
                            <div class="kt-login__center text-center" style="width: 100%;margin-bottom: 20px">
                                <button type="button" id="kt_login_signin_submit"
                                        class="btn btn-brand btn-pill btn-elevate">Save
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
@endsection
<!-- end:: Page -->
<!--begin::Global Theme Bundle -->
{{--         <script src="{{url('')}}/assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
 --}}
@section('script')
    <script src="{{url("")}}/assets/demo/base/scripts.bundle.js" type="text/javascript"></script>

    <!--end::Global Theme Bundle -->
    <!--begin::Page Scripts -->
    <script src="{{url('')}}/assets/snippets/custom/pages/user/login.js" type="text/javascript"></script>
    <script src="{{url('')}}/assets/vendors/general/jquery_chained-2.x/jquery.chained.min.js"
            type="text/javascript"></script>
    <script src="{{url('')}}/assets/vendors/general/select2/dist/js/select2.full.js" type="text/javascript"></script>
    <script src="{{url("")}}/assets/vendors/general/toastr/toastr.js" type="text/javascript"></script>

    <script type="text/javascript">

    $('#color_1, #color_2').ColorPicker({
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).val(hex);
            $(el).ColorPickerHide();
        },
        onBeforeShow: function () {
            $(this).ColorPickerSetColor(this.value);
        }
    })
    .bind('keyup', function(){
        $(this).ColorPickerSetColor(this.value);
    });


        $("#country_id").select2();
        $("#city_id").select2();
        $("#speciality_id").select2();
        $("#sub_speciality_ids").select2();
        $("#sub_speciality_ids").chained("#speciality_id");
        $("#city_id").chained("#country_id");

        $("#kt_login_signin_submit").on("click", function () {
            $("#signup_form").ajaxSubmit({
                beforeSubmit: function (arr, $form, options) {
                    toastr.warning('Please wait!');
                },
                success: function () {
                    toastr.success('Success');
                    location.reload();


                },
                error: function (e) {
                    error = $.parseJSON(e.responseText);
                    var errors = "";
                    $.each(error, function (index, value) {

                        errors += value + "<br>";
                    });

                    toastr.error(errors, "Invalid data!");

                }

            });

        })

    $("#fb_enable").on("change",function(){
        var len = $( this ).prop( "checked" );

        if(len ){
            $(".fbC").show();
        }else{
            $(".fbC").hide();
        }

    })
    $("#google_enable").on("change",function(){
        var len = $( this ).prop( "checked" );
        if(len){
            $(".googleC").show();
        }else{
            $(".googleC").hide();
        }

    })
    $("#linkedin_enable").on("change",function(){
        var len = $( this ).prop( "checked" );
        if(len){
            $(".linkedinC").show();
        }else{
            $(".linkedinC").hide();
        }

    })
        $("#fb_enable").trigger("change");
        $("#google_enable").trigger("change");
        $("#linkedin_enable").trigger("change");
    </script>
@endsection