@extends('layouts.app')
@section('css')
<style type="text/css">
    .no-print {
        display: block;
    }

    @media screen {
        #printSection {
            display: none;
        }
    }

    @media print {
        body * {
            visibility:hidden;
        }

        #printSection, #printSection * {
            visibility:visible;
        }

        #printSection {
            position:absolute;
            left:0;
            top:0;
        }
        .no-print {
            display: none;
        }
    }
</style>
@endsection
@section('content')
<div class="container-fluid">
    <div class="row justify-content-center no-print">
        <div class="col-md-12">
            @php
                $date_format = config('constants.APP_DATE_FORMAT');
                if (config('constants.APP_TIME_FORMAT') == '12') {
                    $date_format .= ' h:i A';
                } else if (config('constants.APP_TIME_FORMAT') == '24') {
                    $date_format .= ' H:i';
                } else {
                    $date_format = 'm/d/Y h:i A';
                }
            @endphp
    		<div class="card">
        		<div class="card-header">
        		{{$form->name}}
        		</div>

                @php
                    $is_enabled_sub_ref_no = false;
                    if(isset($form->schema['settings']['form_submision_ref']['is_enabled']) && $form->schema['settings']['form_submision_ref']['is_enabled']) {
                        $is_enabled_sub_ref_no = true;
                    }

                @endphp
		        <div class="tab-content card-body table-responsive" role="tabpanel">
                    @if(!empty($form->schema))
                        @php
                            $schema = $form->schema['form'];
                            $col_visible = $form['schema']['settings']['form_data']['col_visible'];
                            $btn_enabled = $form['schema']['settings']['form_data']['btn_enabled'];
                            $yesno_questions = array();
                        @endphp
                        <div class="row">
                            <div class="form-group">
                                <input type="text" name="" class="form-control">
                            </div>
                        </div>
                        <table class="table" id="submitted_data_table" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>@lang('messages.action')</th>
                                    <th>@lang('messages.score')</th>
                                    <th>@lang('messages.review_score')</th>
                                    @if($is_enabled_sub_ref_no)
                                        <th>@lang('messages.submission_numbering')</th>
                                    @endif
                                    @foreach($schema as $element)
                                        @php
                                            if($element['type'] == 'dropdown'){

                                                if(stripos($element['options'],'yes') !== false && stripos($element['options'],'no') !== false){
                                                    array_push($yesno_questions, $element['name']);
                                                }
                                            }
                                        @endphp
                                        @if(in_array($element['name'], $col_visible))
                                            <th title="{{ $element['label'] }}">
                                                {{ Str::limit($element['label'], 40)}}
                                            </th>
                                        @endif
                                    @endforeach
                                    <th>@lang('messages.submitted_on')</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($data as $k => $row)
                                    <tr>
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Action
                                                <span class="caret"></span></button>
                                                <ul class="dropdown-menu">
                                                <li>
                                                    @if(in_array('view', $btn_enabled))
                                                        <button type="button" class="btn btn-info btn-sm view_form_data m-1" data-href="{{action('FormDataController@viewData', [$row->id])}}" data-toggle="modal">
                                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                                            @lang('messages.view')
                                                        </button>
                                                @endif
                                                </li>
                                                <li>
                                                    @if(in_array('delete', $btn_enabled))
                                                        <button type="button" class="btn btn-danger btn-sm delete_form_data m-1" data-href="{{action('FormDataController@destroy', [$row->id])}}">
                                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                                            @lang('messages.delete')
                                                        </button>
                                                    @endif
                                                </li>
                                                <li>
                                                    <a class="btn btn-primary btn-sm m-1" target="_blank" href="{{action('FormDataController@downloadPdf', [$row->id])}}">
                                                        <i class="far fa-file-pdf" aria-hidden="true"></i>
                                                        @lang('messages.download_pdf')
                                                    </a>
                                                </li>
                                                <li>
                                                    @php
                                                        $form_id = !empty($form->slug) ? $form->slug : $form->id;
                                                    @endphp
                                                    <a class="btn btn-dark btn-sm m-1" target="_blank" href="{{action('FormDataController@getEditformData', ['slug' => $form_id,'id' => $row->id])}}">
                                                        <i class="far fa-edit" aria-hidden="true"></i>
                                                        @lang('messages.edit')
                                                    </a>
                                                </li>
                                              </ul>
                                            </div>
                                        </td>
                                        <td>
                                            @php
                                                $yes_answers = 0;
                                            @endphp
                                            @foreach($schema as $row_element)
                                                @if(in_array($row_element['name'], $yesno_questions))
                                                    @isset($row->data[$row_element['name']])
                                                        @if(strcasecmp($row->data[$row_element['name']], 'yes') == 0)
                                                            @php
                                                                $yes_answers++;
                                                            @endphp
                                                        @endif
                                                    @endisset
                                                @endif
                                            @endforeach
                                            {{ $yes_answers. "/" .count($yesno_questions) }}
                                        </td>
                                        <td>
                                            {{ number_format($row->comments()->average('score')) }}
                                        </td>
                                        @if($is_enabled_sub_ref_no)
                                            <td>
                                                {{$row['submission_ref']}}
                                            </td>
                                        @endif
                                        @foreach($schema as $row_element)
                                            @if(in_array($row_element['name'], $col_visible))
                                                <td>
                                                    @isset($row->data[$row_element['name']])
                                                        @if($row_element['type'] == 'file_upload')
                                                            @include('form_data.file_view', ['form_upload' => $row->data[$row_element['name']]])
                                                        @elseif($row_element['type'] == 'signature')
                                                            @if(!empty($row->data[$row_element['name']]))
                                                                <a target="_blank" href="{{$row->data[$row_element['name']]}}"
                                                                    download="Signature">
                                                                    <img src="{{$row->data[$row_element['name']]}}" class="signature">
                                                                </a>
                                                            @endif
                                                        @elseif($row_element['type'] == 'table')
                                                                <table>
                                                                    <tr>
                                                                        <td></td>
                                                                        @foreach(explode("\n",$row_element['columns']) as $col_name)
                                                                            <td>{{ explode("|",$col_name)[0]}}</td>
                                                                        @endforeach
                                                                    </tr>
                                                                    @php
                                                                        $table_rows = explode("\n",$row_element['rows']);
                                                                    @endphp
                                                                    @foreach($row->data[$row_element['name']] as $key1 => $table_row)
                                                                        @if(array_key_exists($key1, $table_rows))
                                                                        <tr>
                                                                            <td>{{$table_rows[$key1]}}</td>
                                                                            @foreach($table_row as $table_row_column)
                                                                                <td>{{$table_row_column}}</td>
                                                                            @endforeach
                                                                        </tr>
                                                                        @endif
                                                                    @endforeach
                                                                </table>
                                                        @elseif(is_array($row->data[$row_element['name']]) && $row_element['type'] != 'file_upload')
                                                            {{implode(', ', $row->data[$row_element['name']])}}
                                                        @elseif(in_array($row_element['type'], array('dropdown','checkbox','radio')))
                                                            {!! nl2br(str_replace('_',' ',$row->data[$row_element['name']])) !!}
                                                        @else
                                                            {!! nl2br($row->data[$row_element['name']]) !!}
                                                        @endif
                                                    @endisset
                                                </td>
                                            @endif
                                        @endforeach
                                        <td>
                                            {{\Carbon\Carbon::createFromTimestamp(strtotime($row->created_at))->format($date_format)}}
                                            <br/>
                                            <small>
                                                {{$row->created_at->diffForHumans()}}
                                            </small>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                            </tfoot>
                        </table>
		            @else
                        <p>Form Not found</p>
                    @endif
		        </div>
    		</div>
        </div>
    </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
    $(document).ready(function(){
        var table = $('#submitted_data_table').DataTable({
            pageLength: 25,
            lengthMenu : [ [10, 25, 50, 100, -1], [10, 25, 50, 100, "All"] ],
            paging:         true,
            fixedColumns:   {
                leftColumns: 2
            },
            initComplete: function () {
            // Apply the search
            this.api().columns().every( function () {
                var that = this;
                $( 'input', this.header() ).on( 'keyup change clear', function () {
                    if ( that.search() !== this.value ) {
                        that
                            .search( this.value )
                            .draw();
                    }
                } );
            } );
        }
        });
        $('#submitted_data_table thead tr')
            .clone(true)
            .find('th')
            .removeClass('sorting_asc sorting_asc sorting')
            .off('click')
            .end()
          .appendTo('#submitted_data_table thead');
        $('#submitted_data_table thead tr:eq(1) th').each(function (i) {
            if(i>0){
                var title = $(this).text().replace(/^\s+|\s+$/g, '');;
                $(this).html('<input type="text" class="col-md-11 form-control" placeholder="Filtrar ' + title + '" />');
                $('input', this).on('keyup change', function () {
                    if (table.column(i).search() !== this.value) {
                        table
                            .column(i)
                            .search(this.value)
                            .draw();
                    }
                });
            }else{
                $(this).html('');
            }
        });
        setTimeout(function(){
            $('#submitted_data_table thead th').each( function (index) {
                // if(index > 0){
                //     var title = $(this).html().replace(/^\s+|\s+$/g, '');
                //     $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
                // }
            } );
        }, 1000);

        // view form data
        $(document).on('click', '.view_form_data', function(){
            var url = $(this).data("href");
            $.ajax({
                method: "GET",
                dataType: "html",
                url: url,
                success: function(result){
                    $("#modal_div").html(result).modal("show");
                }
            });
        });

        //delete form data
        $(document).on('click', '.delete_form_data', function(){
            var url = $(this).data("href");
            var result = confirm('Are You Sure?');
            if (result == true) {
                $.ajax({
                    method: "DELETE",
                    url: url,
                    dataType: "json",
                    success: function(result){
                        if(result.success == true){
                            toastr.success(result.msg);
                            setTimeout(function(){
                                location.reload();
                            }, 1000);
                        } else {
                            toastr.error(result.msg);
                        }
                    }
                });
            }
        });

        //print form data on btn click
        $(document).on('click', '.formDataPrintBtn', function() {
            printElement(document.getElementById("print_form_data"));    
        });

        $("#modal_div").on('shown.bs.modal', function () {
            if ($("form#add_comment_form").length) {
                $("form#add_comment_form").validate();
            }
        });

        $(document).on('submit', 'form#add_comment_form', function (e) {
            e.preventDefault();
            var data = $("form#add_comment_form").serialize();
            var url = $("form#add_comment_form").attr('action');
            var ladda = Ladda.create(document.querySelector('.add_comment_btn'));
            ladda.start();
            $.ajax({
                method: "POST",
                url: url,
                dataType: "json",
                data: data,
                success: function (response) {
                    ladda.stop();
                    if (response.success) {
                        $("#comment").val('');
                        $('.direct-chat-messages').prepend(response.comment);
                        toastr.success(response.msg);
                    } else {
                        toastr.error(response.msg);
                    }
                }
            });
        });

        $(document).on('click', '.delete-comment', function(e) {
            e.preventDefault();
            var element = $(this);
            var comment_id = $(this).data('comment_id');
            var form_data_id = $(this).data('form_data_id');
            if (confirm('Are you sure.?')) {
                $.ajax({
                    method:'DELETE',
                    dataType: 'json',
                    url: '/form-data-comment/'+comment_id+'?form_data_id='+form_data_id,
                    success: function(response){
                        if (response.success) {
                            toastr.success(response.msg);
                            element.closest('.direct-chat-msg').remove();
                        } else {
                            toastr.error(response.msg);
                        }
                    }
                });
            }
        });
    });
</script>
@endsection