@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    .panel-heading {
        background-color: #f1f1f1;
        border: 1px solid #e0dfe0;
        padding-left: 10px;
        padding-top: 6px;
        cursor: pointer;
    }
    .panel-default {
        padding-bottom: 4px;
    }
    label{
        font-size: 13px;
    }
    .datepicker tbody tr > td[class='day']{
        border-color: #34b9c3;
        color: black;
        border-style: dashed;
        border-width: 1px;
    }
</style>
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Users
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="{{ asset('/') }}" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="{{ asset('admin/users') }}" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Users
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                View
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="flaticon-add"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Users Data
                        </h3>
                    </div>
                </div>
            </div>
            <!--begin::Form-->
            <div class="m-portlet__body">
                <div class="m-form__section m-form__section--first">
                    <div class="row col-md-12" style="position: relative;">
                        <div class="row col-md-3">
                            <input readonly type="text" class="form-control" id="user_data_picker" placeholder="Select Date"/>
                        </div>
                        <div class="col-md-3 select_file_div" style="display: none;">
                            <select name="select_file" id="select_file" class="form-control">

                            </select>
                        </div>
                        @if(isset($fileName) && $fileName)
                            <div style="right: 0;position: absolute;font-weight: 500;">Data captured on  {!! date('Y-m-d g:i:s A', $fileName) !!}</div>
                        @endif
                    </div>
                    <div>
                        @if(isset($user) && !empty($user))
                            @foreach($user as $key=>$item)
                                <div class="accordion" id="accordionUserData" style="padding-bottom: 9px;">
                                @if($key == 'contact')
                                    <div class="card">
                                        <div class="card-header" style="padding: 4px;" id="heading-{!! $key !!}">
                                            <h2 class="mb-0">
                                                <button style="text-decoration:none;color: #565965;" class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-{!! $key !!}" aria-expanded="true" aria-controls="collapse-{!! $key !!}">
                                                    <?php echo ucwords(str_replace('_',' ',$key)); ?>
                                                </button>
                                            </h2>
                                        </div>

                                        <div id="collapse-{!! $key !!}" class="collapse" aria-labelledby="heading-{!! $key !!}" data-parent="#accordionUserData">
                                            <div class="card-body">
                                                <div class="col-md-12">
                                                    <table id="datatable-list-view-contact" class="table table-striped table-bordered" style="width:100%">
                                                        <thead>
                                                        <tr>
                                                            <th>Name</th>
                                                            <th>Phone Number</th>
                                                            <th>Type</th>
                                                            <th>Street</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @foreach($item as $contact)
                                                            @if(isset($contact['Name']) && (isset($contact['Phone Number']) || isset($contact['Type']) || isset($contact['Street'])))
                                                                <tr>
                                                                    <td><?php echo isset($contact['Name']) ? (strpos($contact['Name'],'+91') !== false ? 'No Name' : $contact['Name']) : 'No Name'; ?></td>
                                                                    <td>{!! $contact['Phone Number'] or '' !!}</td>
                                                                    <td>{!! $contact['Type'] or '' !!}</td>
                                                                    <td>{!! $contact['Street'] or '' !!}</td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($key == 'sms')
                                        <div class="card">
                                            <div class="card-header" style="padding: 4px;" id="heading-{!! $key !!}">
                                                <h2 class="mb-0">
                                                    <button style="text-decoration:none;color: #565965;" class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-{!! $key !!}" aria-expanded="true" aria-controls="collapse-{!! $key !!}">
                                                        <?php echo ucwords(str_replace('_',' ',$key)); ?>
                                                    </button>
                                                </h2>
                                            </div>

                                            <div id="collapse-{!! $key !!}" class="collapse" aria-labelledby="heading-{!! $key !!}" data-parent="#accordionUserData">
                                                <div class="card-body">
                                                    <div class="col-md-12">
                                                        <table id="datatable-list-view-sms" class="table table-striped table-bordered" style="width:100%">
                                                            <thead>
                                                            <tr>
                                                                <th>ID</th>
                                                                <th>Address</th>
                                                                <th>Message</th>
                                                                <th>Read Recipient</th>
                                                                <th>Date</th>
                                                                <th>Message Type</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($item as $sms)
                                                                @if(isset($sms['ID: ']) && isset($sms['Address: ']) && isset($sms['Message: ']) && isset($sms['Read Recipient: ']) && isset($sms['Date: ']) && isset($sms['Message Type: ']))
                                                                    <tr>
                                                                        <td>{!! $sms['ID: '] or '' !!}</td>
                                                                        <td>{!! $sms['Address: '] or '' !!}</td>
                                                                        <td>{!! $sms['Message: '] or '' !!}</td>
                                                                        <td>{!! $sms['Read Recipient: '] or '' !!}</td>
                                                                        <td>{!! $sms['Date: '] or '' !!}</td>
                                                                        <td>{!! $sms['Message Type: '] or '' !!}</td>
                                                                    </tr>
                                                                @endif
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                @endif
                                @if($key == 'permissions')
                                    <div class="card">
                                        <div class="card-header" style="padding: 4px;" id="heading-{!! $key !!}">
                                            <h2 class="mb-0">
                                                <button style="text-decoration:none;color: #565965;" class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-{!! $key !!}" aria-expanded="true" aria-controls="collapse-{!! $key !!}">
                                                    <?php echo ucwords(str_replace('_',' ',$key)); ?>
                                                </button>
                                            </h2>
                                        </div>

                                        <div id="collapse-{!! $key !!}" class="collapse" aria-labelledby="heading-{!! $key !!}" data-parent="#accordionUserData">
                                            <div class="card-body">
                                                <div class="col-md-12">
                                                    <table id="datatable-list-view-permissions" class="table table-striped table-bordered" style="width:100%">
                                                        <thead>
                                                        <tr>
                                                            <th>Permissions</th>
                                                            <th>Status</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @if(isset($item[0]))
                                                        <?php $permissionKeys = array_keys($item[0]); ?>
                                                        @foreach($permissionKeys as $permissionIndex => $permissionStatus)
                                                            <tr>
                                                                <td>{!! $permissionStatus or '' !!}</td> <td>{!! $item[0][$permissionStatus] or '' !!} <?php if(isset($item[0][$permissionStatus]) && $item[0][$permissionStatus] == 'DENIED'){echo '<i class="fa fa-warning" style="color: red;"></i>';} ?></td>
                                                            </tr>
                                                        @endforeach
                                                        @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($key == 'installed_apps')
                                    <div class="card">
                                        <div class="card-header" style="padding: 4px;" id="heading-{!! $key !!}">
                                            <h2 class="mb-0">
                                                <button style="text-decoration:none;color: #565965;" class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-{!! $key !!}" aria-expanded="true" aria-controls="collapse-{!! $key !!}">
                                                    <?php echo ucwords(str_replace('_',' ',$key)); ?>
                                                </button>
                                            </h2>
                                        </div>

                                        <div id="collapse-{!! $key !!}" class="collapse" aria-labelledby="heading-{!! $key !!}" data-parent="#accordionUserData">
                                            <div class="card-body">
                                                <div class="col-md-12">
                                                    <table id="datatable-list-view-installed_apps" class="table table-striped table-bordered" style="width:100%">
                                                        <thead>
                                                        <tr>
                                                            <th>App</th>
                                                            <th>Link</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @if(isset($item[0]['apps']))
                                                        <?php $apps = explode(',',$item[0]['apps']);
                                                        ?>
                                                        @foreach($apps as $appsItem)
                                                            <?php $appSegment = explode('com.',$appsItem); ?>
                                                            @if(isset($appSegment[1]))
                                                                <tr>
                                                                    <td><?php echo isset($appSegment[1]) ? str_replace('}','','com.'.$appSegment[1]) : ''; ?></td>
                                                                    <td><?php if(isset($appSegment[1])){ ?><a target="_blank" href="https://play.google.com/store/apps/details?id=<?php echo str_replace('}','','com.'.$appSegment[1]); ?>">View on PlayStore</a><?php }else{ echo 'No Link';} ?> </td>
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                        @endif
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                               </div>
                            @endforeach
                        @else <div style="text-align: center;font-weight: 400;" class="msg-data-ndf">No Data Found - <span style="color: red;">Please change date range</span></div> @endif
                    </div>
                </div>
            </div>
            <!--end::Form-->
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>
    var list = {};
    <?php if(isset($dateAvailable) && isset($onlyDates) && isset($datesWithFiles)){ ?>
    var dateAvailable = <?php echo json_encode($dateAvailable); ?>;
    var onlyDates = <?php echo json_encode($onlyDates); ?>;
    var onlyDatesFC = <?php echo json_encode($onlyDatesFC); ?>;
    var datesWithFiles = <?php echo json_encode($datesWithFiles); ?>;
    <?php } ?>

    $(document).ready(function() {
        $('#datatable-list-view-sms').DataTable();
        $('#datatable-list-view-contact').DataTable();
        $('#datatable-list-view-permissions').DataTable();
        $('#datatable-list-view-installed_apps').DataTable();
    } );

    $("select[name='user_type']").change(function () {
        $("input[type='checkbox']").removeAttr('checked');
        $("select option").removeAttr('selected');
        $("select option").selectpicker('refresh');
        var type_id = $(this).find('option:selected').val();
        $(".options-c-d").remove();
        if(type_id == 'new-type'){
            $("div.new-user-type").css({'display':'flex'});
            let cr = <?php echo \Illuminate\Support\Facades\Session::has('Users_User_Access_Management_Create|3-0-0-1') ? 1 : 0; ?>;
            if (cr === 1){
                $("button[type='submit']").css('display','inline');
            }else{
                $("button[type='submit']").css('display','none');
            }
        }else if (type_id) {
            $("div.new-user-type").css({'display':'none'});
            getUserPermissions(type_id, function(response){
                $.each(response.data, function (item, key) {
                    if (key.includes("#")){
                        $("option[value='"+key+"']").attr('selected','selected');
                    } else{
                        $("input[name='"+key+"']").attr('checked','checked');
                    }
                });
                $("select").selectpicker('refresh');
                $("select[name='user_type']").before('<div data-id="'+type_id+'" class="options-c-d" style="padding-top: 4px;"><div style="font-size: 12px;border-radius: 0;" data-action="1" class="options-c-d-m btn btn-primary">Clone</div><div data-action="2" style="font-size: 12px;border-radius: 0;" class="options-c-d-m btn btn-danger">Delete</div></div>');
                let up = <?php echo \Illuminate\Support\Facades\Session::has('Users_User_Access_Management_Update|3-0-0-2') ? 1 : 0; ?>;
                if (up === 1){
                    $("button[type='submit']").css('display','inline');
                }else{
                    $("button[type='submit']").css('display','none');
                }
            });
        }
    });

    function getUserPermissions(type_id, callback){
        var _token = '<?php echo csrf_token(); ?>';
        $(".init-loader").css({display:'block'});
        $.ajax({
            type: 'POST',
            url: "/admin/users/get-permission-by-id/"+type_id,
            data: {
                _token: _token
            },
            dataType: "JSON",
            success: function (response) {
                $(".init-loader").css({display:'none'});
                callback(response);
            }
        });
    }

    $(document).on("click", ".options-c-d-m", function () {
        if(window.confirm('Do you want to '+($(this).attr('data-action') == 1 ? 'Clone?' : 'Delete?'))){
            let type_id = $(this).parent().attr('data-id');
            if ($(this).attr('data-action') == 2) {
                var _token = '<?php echo csrf_token(); ?>';
                $(".init-loader").css({display: 'block'});
                $.ajax({
                    type: 'POST',
                    url: "/admin/users/action-permission-by-id/" + type_id,
                    data: {
                        _token: _token,
                        action: $(this).attr('data-action')
                    },
                    dataType: "JSON",
                    success: function (response) {
                        $(".init-loader").css({display: 'none'});
                        if (response.status === 'OK') {
                            alert('User type Deleted successfully!');
                            window.location.reload();
                        }else{
                            alert('Something went wrong!');
                        }
                    }
                });
            }else{
                window.open(
                    '/admin/users/types?clone=true&type_id='+type_id,
                    '_blank'
                );
            }
        }
    });

    $(document).ready(function(){

        if (typeof onlyDates === 'undefined'){
            $(".msg-data-ndf").html('This user has no data');
            $("#user_data_picker").remove();
        }

        $("#user_data_picker").datepicker({
            dateFormat: 'dd/mm/yy',
            beforeShowDay:function(d){
                let m = (""+(d.getMonth() + 1));
                m = m.length === 1 ? "0"+m : m;

                let dd = ""+d.getDate();
                dd = dd.length === 1 ? "0"+dd : dd;

                let dateString = dd+"/"+((d.getMonth() + 1).toString().length === 1 ? m : (d.getMonth() + 1))+"/"+d.getFullYear();

                if ($.inArray(dateString, onlyDates) > -1){
                    return [true, ''];
                }else{
                    return [false, ''];
                }
            },
            datesDisabled:disableAllTheseDaysUser(),
            startDate: onlyDates[0],
            orientation: 'bottom',
            endDate: onlyDates[onlyDates.length - 1]
        }).on('changeDate', function (selected) {
            let d = new Date(selected.date.valueOf());
            let m = (""+(d.getMonth() + 1));
            m = m.length === 1 ? "0"+m : m;

            let dd = ""+d.getDate();
            dd = dd.length === 1 ? "0"+dd : dd;

            let date = dd+"/"+((d.getMonth() + 1).toString().length === 1 ? m : (d.getMonth() + 1))+"/"+d.getFullYear();
            let options = '<option value="">Select File Name</option>';
            options += datesWithFiles[date];
            $(".select_file_div").find('select').html(options);
            $(".select_file_div").css({display:'flex'});
        });

        function disableAllTheseDaysUser() {
            var disabledDates = [];
            var startDate = onlyDatesFC[0];
            var endDate = onlyDatesFC[onlyDatesFC.length - 1];

            var dates = getDates(new Date(startDate), new Date(endDate));
            $.each(dates, function (index, value) {
                var d = new Date(value);
                let m = (""+(d.getMonth() + 1));
                m = m.length === 1 ? "0"+m : m;

                let dd = ""+d.getDate();
                dd = dd.length === 1 ? "0"+dd : dd;

                let date = dd+"/"+((d.getMonth() + 1).toString().length === 1 ? m : (d.getMonth() + 1))+"/"+d.getFullYear();
                if ($.inArray(date, onlyDates) === -1) {
                    disabledDates.push(date)
                }
            });

            return disabledDates;
        }

        $("#select_file").change(function(){
            if(!$(".sub-btn-view").length) {
                $(this).parent().parent().append('<div class="col-md-3 sub-btn-view"><div class="btn fetch-list btn-primary">Fetch</div></div>')
            }
        });

        $(document).on('click', '.fetch-list',function(){
            let file = $(".select_file_div").find('select > option:selected').val();
            let date = $("#user_data_picker").val();
            window.location.href = window.location.origin+window.location.pathname+'?date='+date+"&name="+file;
        });

        $(document).on("mouseenter", ".datepicker tbody tr > td", function(e) {
            if(!$(this).hasClass('disabled')) {
                $(this).attr('data-toggle', 'tooltip');
                let timestamp = $(this).attr('data-date');
                let d = new Date(timestamp.substring(0, 10) * 1000);

                let m = (""+(d.getMonth() + 1));
                m = m.length === 1 ? "0"+m : m;

                let dd = ""+d.getDate();
                dd = dd.length === 1 ? "0"+dd : dd;

                let date = dd+"/"+((d.getMonth() + 1).toString().length === 1 ? m : (d.getMonth() + 1))+"/"+d.getFullYear();

                let title = '1 file is available';
                if (typeof dateAvailable[date] !== 'undefined' && dateAvailable[date] > 0) {
                    title = dateAvailable[date] + ' file is available';
                }

                $(this).attr('title', title);
                $(this).tooltip('show');
                $(this).tooltip({delay: {show: 500, hide: 100}});
            }
        });

        $(document).on("mouseleave", ".datepicker tbody tr > td[class='day']", function(e) {
            $(".bs-tooltip-top").remove();
        });

    })

</script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>