@extends('layouts.default')

@if(isset($record->id))
    @section('title', 'Edit Report')
@else
    @section('title', 'Create Report')
@endif

@section('content')
<script src="{{ asset ('/assets/js/fusioncharts/fusioncharts.js') }}"></script>
<script src="{{ asset ('/assets/js/fusioncharts/fusioncharts.theme.fusion.js') }}"></script>

<div class="content-wrapper" style="min-height: 698.75px; padding: 1%;">
    
@php 
  $dashboard_list = ReportHelper::get_dashboards();
  $permission_list = ReportHelper::get_permissions();
@endphp
<div class="page-title d-flex align-items-center px-3 mb-1">
    <h5 class="mt-2 text-dark">
        @if(isset($record->id))
            Edit Report
        @else
            Create Report 
        @endif
    </h5>
    <div class="d-flex align-items-center ms-4"> <i class="bi bi-house-up me-1 icon_color"></i>
        @if(isset($record->id))
            {{Breadcrumbs::render('Reports.edit')}} 
        @else
            {{Breadcrumbs::render('Reports.create')}} 
        @endif
    </div>
 </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">                
                <div class="card-body">
                    {{ Form::open(array('id' => 'report_config','class'=>'needs-validation','novalidate')) }}
                    <div class="row">
                        <div class="col-md-8" id="graph_div">
                            <textarea class="form-control" id="ds" rows="10" cols="20"  @if(@$record->report_type!="tablebuilder") required @endif placeholder='{"query":"select col1,col2 from table","label":"col1","value":"col2"}' name="ds">@if(@$record->report_type!="tablebuilder"){{@$data_source->configuration}}@endif</textarea>
                            @if(isset($report_id))
                            <div id="graph">
                                {{ \App\Http\Controllers\ReportController::render_chart($report_id) }}  
                            </div>
                            @else 
                                <div id="graph"></div>
                            @endif
                        </div>
                        <input type = "hidden"  id="ds_id" value="{{@$record->ds_id}}"> 
                        <div class="col-md-4">
                        
                            @if(isset($record->id))
                                @php 
                                    $config = json_decode($record->chart_config,true);
                                @endphp
                                <input type = "hidden" name="id" id="id" value="{{@$record->id}}"> 
                            @endif
                            <h5 class="card-title">Report Configuration</h5>
                            <table class="table table-striped table-bordered table-hover dataTable dtr-inline context-menu-one" id="table" >
                                <thead class="bg-dark text-white">
                                    <tr>
                                        <th>Name</th>
                                        <th>Value</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Data Source</td>
                                        <td>Edit</td>
                                    </tr>
                                    <tr>
                                        <td>Chart Type</td>
                                        <td>
                                        <select required id="report_type" class="custom-select form-select single-select" name="graph_type">
                                            @php $chart_array = ReportHelper::chart_array(); @endphp
                                            @foreach($chart_array as $chart)
                                                @if(@$record->report_type==$chart)
                                                    <option value="{{$chart}}" selected="selected">{{$chart}}</option>
                                                @else
                                                    <option value="{{$chart}}">{{$chart}}</option>
                                                @endif
                                                
                                            @endforeach
                                        </select>
                                        </td>                        
                                    </tr>
                                    
                                    <tr id="permission_div" @if(@$record->report_type!='tablebuilder') style="display:none" @endif>
                                    
                                        <td>Datasource</td>
                                        <td>
                                            <select id="permission" class="custom-select form-select single-select">
                                            @foreach($permission_list as $key => $val)
                                                <option value="{{$key}}" @selected(@$record->ds_id==$key)>{{$val}}</option>
                                            @endforeach
                                            </select>
                                    </tr>
                                    <tr>
                                        <td>Width</td>
                                        <td>

                                            <select id="width" class="custom-select form-select single-select" name="width" required>
                                                <option value="" >Please Select width</option>
                                                @for($i=1;$i<=12;$i++)
                                                    
                                                    <option value="{{$i}}" @selected(@$config['width'] == $i) >{{$i}} Columns</option>

                                                @endfor    
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Height</td>
                                        <td>{{Form::text('height',@$config['height'],['class'=>'form-control', 'id'=>'height','required'])}}</td>
                                    </tr> 
                                    <tr>
                                        <td>Show Legend</td>
                                        <td>
                                            {{Form::radio('show_legend', 'yes')}}{{Form::label('show_legend_label', 'Yes')}}
                                            {{Form::radio('show_legend', 'no')}}{{Form::label('show_legend_label', 'No')}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Theme</td>
                                        <td>
                                        <select id="theme" class="form-select single-select" name="theme">
                                            @php $themes = ReportHelper::get_themes(); @endphp
                                            @foreach($themes as $theme)
                                                @if(@$config['theme']==$theme)
                                                    <option value="{{$theme}}" selected="selected">{{$theme}}</option>
                                                @else
                                                    <option value="{{$theme}}">{{$theme}}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </td>                        
                                    </tr>
                                    <tr>
                                        <td>Report Name</td>
                                        <td>{{Form::text('name',@$record->rep_name,['class'=>'form-control', 'id'=>'name','required'])}}</td>
                                    </tr> 
                                    <tr>
                                        <td>Caption</td>
                                        <td>{{Form::text('caption',@$config['caption'],['class'=>'form-control', 'id'=>'caption','required'])}}</td>
                                    </tr> 
                                    <tr>
                                        <td>Number Suffix</td>
                                        <td>{{Form::text('numberSuffix',@$config['numberSuffix'],['class'=>'form-control', 'id'=>'numberSuffix'])}}</td>
                                    </tr> 
                                    <tr>
                                        <td>Dashboard</td>
                                        <td>
                                            <select id="dashboard" class="custom-select form-select single-select" name="dashboard">
                                                @foreach($dashboard_list as $key => $val)
                                                    <option value="{{$key}}" @selected(@$dashboard==$key)>{{$val}}</option>
                                                @endforeach
                                            </select>

                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Animation</td>
                                        <td>
                                            @if(@$config['animation']=="2d")  
                                                {{Form::radio('animation', '2d','selected')}}
                                            @else
                                                {{Form::radio('animation', '2d')}}
                                            @endif
                                            {{Form::label('show_legend_label', '2D')}}
                                            
                                            @if(@$config['animation']=="3d")  
                                                {{Form::radio('animation', '3d','selected')}}
                                            @else
                                                {{Form::radio('animation', '3d')}}
                                            @endif

                                            {{Form::label('show_legend_label', '3D')}}
                                        </td>
                                    </tr> 
                                    <tr>
                                        <td>Group Access</td>
                                        <td>{{Form::text('group_access',@$record->group_access,['class'=>'form-control', 'id'=>'group_access'])}}</td>
                                    </tr>
                                    <tr>
                                        <td>User Access</td>
                                        <td>{{Form::text('user_access',@$record->user_access,['class'=>'form-control', 'id'=>'user_access'])}}</td>
                                    </tr>
                                </tbody>
                            </table>
                            {{Form::submit('Save Config', array('name'=>'submit', 'id'=>'submit','class'=>'btn btn-primary background_color'))}}
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>        
</div>

<script type="text/javascript">
jQuery( document ).ready( function( jQuery ) {
  
    jQuery('#report_type' ).on( 'change', function(e) {
        var report_type = $("#report_type").val();
        //alert(report_type);
        if(report_type=="tablebuilder"){
            jQuery('#permission_div').show();
            jQuery('#ds').removeAttr('required');

        } else {
            jQuery('#permission_div').css('display','none'); 
            jQuery('#ds').attr('required','required');
        }
    });
    jQuery( '#submit' ).on( 'click', function(e) {

        var forms = jQuery('.needs-validation');

        if (!forms[0].checkValidity()) { 
            event.preventDefault();
            event.stopPropagation(); 
            forms[0].classList.add('was-validated');
        }else{
            var name = $("#name").val();
            e.preventDefault();
            if (FusionCharts(name)){
               FusionCharts(name).dispose();
            } else{
                $("#graph").html('');
            }
            //FusionCharts(name).dispose();
            var data =[];
            var array = $("#report_config").serializeArray();
            const json = {};
            $.each(array, function () {
                if(this.name!=="_token"){
                    json[this.name] = this.value || "";
                }
            });
           
            var name        = $("#name").val();
            var report_type = $("#report_type").val();
           //alert(report_type);
            if(report_type == "tablebuilder"){
                var data_source = $('#permission').val();
            } else {
                var data_source = $("#ds").val();
            }
            var group_access = $("#group_access").val();
            var user_access  = $("#user_access").val();
            var id = $("#id").val();
            var ds_id = $("#ds_id").val();
            var dashboard = $("#dashboard").val();
            // var show_legend = $("#show_legend input[type='radio']:checked");
            // alert(show_legend);
            if(id){
                var data = {id:id,ds_id:ds_id,data_source:data_source,name:name,config:json,report_type:report_type,user_access:user_access,group_access:group_access,dashboard:dashboard};      
            } else {
                var data = {data_source:data_source,name:name,config:json,report_type:report_type,user_access:user_access,group_access:group_access,dashboard:dashboard};  
            }
            //console.log(data);
            //return;
           
           jQuery.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: "POST",
                url: '/report/add',
                data: data,
            }).done(function( data ) {
                $("#graph").html(data);

                jQuery("#StepsuccessMessage").text("Record Saved successfully!!");
                new bootstrap.Toast(document.querySelector('#liveToast')).show();

            });
        }    

    });
});
</script>
@stop