@extends('layouts.app')
@section('title', 'Settings | Analytics')
@section('extrastyles')
@endsection
@section('content')
    <div class="studio98_websters">
        <div class=" wrapper white-bg page-heading " style="padding-top: 1px;">
            <div class="row">
                <div class="col-lg-6">
                    <h2 class="pull-left" style="font-weight: 300; font-family: Newsreader; color: #353535;">Analytics Settings</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="col-lg-6">
                    <input type="hidden" name="analytics_key" value="">
                    {!! Form::select('analytics_dropDown' , ["ua" => "Universal Analytics", "ga4" => "Google Analytics 4"] , SiteSettingFind('analytics_dropDown_data', 'ua') , ['class' => 'form-control analytics_dropDown mt-4']) !!}
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="studio98_websters">
        <div class=" wrapper white-bg page-heading " style="padding-top: 25px;">
            @include('flash::message')
            <div class="col-lg-12">
                {!! Form::open(['novalidate' => 'novalidate','method' => 'post']) !!}
                <input type="hidden" name="analytics_dropDown_data" class="analytics_dropDown_data" value="{{SiteSettingFind('analytics_dropDown_data', 'ua')}}">
                <div class="form-group">
                    <h4>To get your Analytics set up, follow these few steps</h4>
                    <p><label>1. Enter your Google Analytics Tracking Code in the <a href="{{ website_url('html-head') }}">HTML Head</a> page and click Save</label></p>
                    <p>
                        <label for="_analytics_grand_access">
                            2. Grant access so you can view your analytics in this dashboard
                            <a href="javascript:void(0)" class="tooltip_popover" data-description="In order for us to receive your analytics from Google analytics, you will need to give access to our account below and give us Edit permissions. Here are instructions on how to Add our account as a user:https://support.google.com/analytics/answer/1009702?hl=en"><i class="fa fa-question-circle"></i></a>
                        </label>
                        {!! Form::text('_analytics_grand_access' , 'analytics@gsr-shared.iam.gserviceaccount.com' , ['class' => 'form-control','readonly' => true]) !!}
                    </p>
                    <p>Please add this email to your user management</p>
                </div>

                <div class="form-group">
                    <label for="_analytics_viewer_id" class="_analytics_viewer_id" style="display: {{ SiteSettingFind('analytics_dropDown_data') == "ua" ? '' : 'none' }}">3. Enter your View ID and click Update below <a href="javascript:void(0)"  class="tooltip_popover" data-description="To find the View ID, go to Google Analytics > Admin > Click on the Property and View and then you will see the View ID"><i class="fa fa-question-circle"></i></a></label>
                    <label for="_analytics_property_id" class="_analytics_property_id" style="display: {{ SiteSettingFind('analytics_dropDown_data') == "ga4" ? '' : 'none' }}">3. Enter your Property ID and click Update below <a href="javascript:void(0)"  class="tooltip_popover" data-description="To find the View ID, go to Google Analytics > Admin > Click on the Property and View and then you will see the View ID"><i class="fa fa-question-circle"></i></a></label>
                    {!! Form::text('_analytics_viewer_id' , SiteSettingFind('analytics_dropDown_data') == 'ga4' ? SiteSettingFind('_analytics_property_id') : SiteSettingFind('_analytics_viewer_id', '') , ['class' => 'form-control','placeholder' => SiteSettingFind('analytics_dropDown_data') == 'ga4' ? 'Property ID' : 'View ID','required'=>'true']) !!}
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <button type="submit" class="btn btn-primary ">Update</button>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('footer')
    <script>
        $(document).on('change', '.analytics_dropDown', function (){
            let analytics = $(this).val();
            if (analytics == "ga4"){
                $('._analytics_property_id').show();
                $('._analytics_viewer_id').hide();
            } else if (analytics == "ua"){
                $('._analytics_property_id').hide();
                $('._analytics_viewer_id').show();
            }
            $.ajax({
                method: 'GET',
                url: base_url+'/analytics/dropdown',
                data: 'analytics_dropdown=' + analytics,
                dataType: 'json',
            }).done(function (response) {
                location.reload();
            });
        });
    </script>
@endsection