@extends('Frontend.partials.layout')
@section('styles')
<link rel="stylesheet" href="{{ asset('/vendor/libs/select2/select2.css') }}">

<style>
    #pdf-view-table_length,
    #pdf-view-table_filter,
    #pdf-view-table_info,
    #pdf-view-table_paginate {
        padding: 20px;
    }
    #check-all-heading{
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        width: 80px !important;
    }
    #pdf-view-table tbody td.text-center{
        padding: 10px 0px !important;
        max-width: 80px;
    }

    #pdf-view-table td.sorting_1 {
        padding-left: 10px !important;
    }
    #date-heading,
    #pdf-view-table tr td:nth-child(3) {
        width: 20% !important;
    }
    #module-heading,
    #pdf-view-table tr td:nth-child(4) {
        width: 20% !important;
    }

    .pdf-view-container .analysis_header_flex {
        flex-wrap: nowrap;
    }

    @media only screen and (max-width: 576px) {
        .email-temp-btn,
        #delete-all-btn {
            padding: 8px 5px 8px 8px;
        }
    }
</style>
@endsection

@section('content')

{{-- Main Section --}}
<section class="pdf-view-container">
    <div class="row justify-content-between align-items-center">
        {{-- col-6 content header --}}
        <div class="col-md-6">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-file-pdf primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{__('action.pdf_view')}}</h2>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="d-flex justify-content-end align-items-center flex-wrap" style="gap: 5px;">
                @if (Gate::allows('checkAccess','checkCron'))
                    <a class="btn btn-success email-temp-btn" href="{{ route('pdf_view_mail_temp') }}" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.email_template')}}"><i class="fa fa-envelope">&nbsp;</i><span class="d-mobile-none">{{trans('action.email_template')}}</span></a>
                @endif
                <button class="btn btn-danger hide ml-1" id="delete-all-btn" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.delete_all')}}"><i class="fas fa-trash">&nbsp;</i><span class="d-mobile-none">{{trans('action.delete_all')}}</span></button>
            </div>
        </div>
    </div>
    
    {{-- Filters --}}
    @if (auth()->user()->user_type != 0)
    <div class="ui-bordered px-4 pt-4 my-4 bg-white card">
        <div class="form-row align-items-center">
            <div class="col-md-4 col-lg-3 col-sm-4 mb-4 user-select-box">
                <label class="form-label f-14">{{trans('action.selected_user')}}</label>
                <select id="user-select" data-style="btn-light col-md-12">
                </select>
            </div>

            <div class="col-md-8 col-lg-9 col-sm-8 mb-4">
                <label class="form-label f-14"></label>
                <br>
                <button class="mr-1 btn btn-success ladda-button" id="user-filter-btn" data-style="zoom-in">
                    <span class="ladda-label"><i class="fas fa-filter">&nbsp;</i>{{trans('action.select_filter')}} </span>
                    <div class="ladda-progress" style="width: 121px;"></div>
                    <span class="ladda-spinner"></span>
                </button>

                <button class="btn btn-warning ladda-button" id="filter-refresh-btn" data-style="zoom-in">
                    <span class="ladda-label"><i class="ion ion-md-refresh">&nbsp;</i>{{trans('action.refresh')}}</span>
                    <div class="ladda-progress" style="width: 121px;"></div>
                    <span class="ladda-spinner"></span>
                </button>
            </div>
        </div>
    </div>
    @endif
    {{-- Filters --}}
    
    {{-- Data table --}}
    <div class="mt-2">
        <div class="table-responsive bg-white">
            <table id="pdf-view-table" class="table table-striped table-bordered">
                <thead class="font-weight-bold">
                    <tr class="font-weight-bold">
                        <th id="check-all-heading"><input type="checkbox" id="check-all"></th>
                        <th style="width: 200px;">{{ trans("action.pdf_name") }}</th>
                        <th id="date-heading" style="width: 200px;">{{ trans("action.log_datetime") }}</th>
                        <th id="module-heading" style="width: 35%;">{{ trans("action.log_module") }}</th>
                        <th>{{ trans("action.options") }}</th>
                    </tr>
                </thead>
                
            </table>
        </div>
    </div>
</section>
{{-- /Main Section --}}
@endsection

@section('scripts')
<script src="{{ asset('/vendor/libs/select2/select2.js') }}"></script>

<script>
    $("#check-all").prop("checked",false);
    $(document).on("click",".page-link, .custom-select",function(){
        $("#check-all").prop("checked",false);
        $(document).find("#delete-all-btn").addClass("hide");
    })

    $(document).ready(function(){
        loadDataTable();

        function loadDataTable(user = '', isClearClicked = '') {
            $('#pdf-view-table').DataTable({
                language: {
                    sEmptyTable: `{{trans('action.table_norecord')}}`,
                    sLoadingRecords: `{{ trans('action.table_loading')}}`,
                    sProcessing: `{{trans('action.table_pleasewait')}}`,
                    sSearch: `{{trans('action.search')}}`,
                    sZeroRecords: `{{trans('action.table_nodata')}}`,
                    sLengthMenu: "{{trans('action.datatable_show')}} _MENU_ {{trans('action.table_entries')}}",
                    sInfo: "_START_ {{trans('action.datatable_to')}} _END_ {{trans('action.cron_setting_from')}} _TOTAL_ {{trans('action.table_entries')}}",
                    sInfoEmpty: "{{trans('action.table_nodata')}}",
                    infoFiltered: "{{trans('action.datatable_filtered_result')}}",
                    oPaginate: {
                        sFirst: `{{trans('action.table_first')}}`,
                        sPrevious: `{{trans('action.table_back')}}`,
                        sNext: `{{trans('action.table_next')}}`,
                        sLast: `{{ trans('action.table_latest')}}`,
                    }
                },
                search: {
                    return: true,
                },
                columnDefs: [ { type: 'date', 'targets': [2] } ],
                order: [[ 2, 'desc' ]],
                button: false,
                searching: true,
                scrollY: true,
                scrollX: false,
                scrollCollapse: true,
                processing: true,
                serverSide: true,
                ajax:{
                    url:"{{ route('get-pdf-data') }}",
                    type: "GET",
                    data: {
                        user: user,
                        isClearClicked: isClearClicked
                    }
                },
                columns: [
                    {
                        data:"id",
                        orderable: false,
                        searchable: false,
                        className:"text-center",
                        render: function (data,type,row) {
                            return `<input type="checkbox" class="single-check" data-id='${row.pdf_id}' data-pdf-type='${row.pdf_type}' id="single-check">`;
                        }
                    },
                    {
                        data: 'name_of_pdf',
                        name: 'name_of_pdf',
                        orderable: true,
                        searchable: true
                    },
                    {
                        data: 'created_at',
                        name: 'created_at',
                        orderable: true,
                        searchable: false
                    },
                    {
                        data: 'pdf_type',
                        name: 'pdf_type',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false,
                        width: '8%'
                    }
                ]
            });
        }

        $("#user-select").select2({
            placeholder: "{{trans('action.cronSelectUser')}}",
            tags: true,
            tokenSeparators: [',']
        });

        $("#user-select").append(`<option value="">{{trans('action.cronSelectUser')}}</option>`);
        
        $.ajax({
            url: '{{ route("get-subusers") }}',
            dataType: "json",
            type: "GET",
            success: function (data) {
                const loggedInUser = "{{ getUserId() }}";
                $(data.users).each(function() {
                    $("#user-select").append(`<option value="${this.id}" ${(this.id == loggedInUser) ? "selected" : ""}>${this.first_name} ${this.last_name}</option>`);
                });
            },
            error:function(data){
                // console.log(data);
            }
        });

        // delete
        $("#check-all").change(function(){            
            if ($(this).is(":checked")) {
                $("input.single-check").prop("checked", this.checked);
                $("#delete-all-btn").removeClass("hide");
            } else{
                $("input.single-check").prop("checked", false);
                $("#delete-all-btn").addClass("hide");
            }
        });

        $("#delete-all-btn").click(function () {
            let ids = [];
            $("input.single-check:checked").each(function() {
                let record = [];
                record.push($(this).data("id"));
                record.push($(this).data("pdf-type"));
                ids.push(record);
            });
            
            deleteAllPdf(ids);
        });


        // filter
        $('#user-filter-btn').click(function(){
            const selectedUser = $("#user-select option:selected").val();

            $('#pdf-view-table').DataTable().destroy();
            loadDataTable(selectedUser);
        });

        // refresh
        $('#filter-refresh-btn').click(function(){
            $("#user-select").val('').change();

            $('#pdf-view-table').DataTable().destroy();
            loadDataTable("", true);
        });
    });

    $(document).on("change","input.single-check",function(){
        let checkboxCount = $("input.single-check:checked").length;
        let totalView = $("[name=pdf-view-table_length]").val();
        if(totalView !== checkboxCount){
            $("#check-all").prop("checked",false);
        }
        else if(totalView == checkboxCount) {
            $(document).find("#check-all").prop("checked",true);
        }

        if (checkboxCount >= 2) {
            $("#delete-all-btn").removeClass("hide");
        } else{
            $("#delete-all-btn").addClass("hide");
        }
    });
    
    // single delete
    function deletePdf(pdf_id, pdf_type){
        Swal.fire({
            title: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.yes_delete')}}`,
            cancelButtonText: `{{__('action.cancel')}}`

        }).then((result) => {
            if (result.value) {
                let action = "{{ route('delete-pdf') }}";
                $.ajax({
                    type:'POST',
                    url:action,
                    data: {
                        id : pdf_id,
                        pdf_type : pdf_type
                    },
                    beforeSend: function(){
                        Swal.fire({
                            title: `{{__('action.processing')}}`,
                            imageUrl: "{!! asset('/') !!}"+"ezgif.com-gif-maker.webp",
                            showConfirmButton: false,
                            allowOutsideClick: false,
                            confirm: true,
                            showLoaderOnConfirm: true,
                            width: '300px',
                            height: '180px'
                        })
                    },
                    dataType:"json",
                    success:function(data){
                        if (data.success == true) {
                            Swal.close();
                            toastr.success(data.message);
                            window.location.reload();
                        }
                    },
                    error:function(data){
                        // console.log(data);
                    }
                });
            }
        })
    }

    function deleteAllPdf(pdf_ids){
        Swal.fire({
            title: `{{__('action.areyousure')}}`,
            text: `{{__('action.you_cant_revert')}}`,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            confirmButtonText:  `{{__('action.yes_delete')}}`,
            cancelButtonText: `{{__('action.cancel')}}`

        }).then((result) => {
            if (result.value) {
                let action = "{{ route('delete-all-pdf') }}";
                $.ajax({
                    type:'POST',
                    url:action,
                    data: {
                        ids : pdf_ids
                    },
                    beforeSend: function(){
                        Swal.fire({
                            title: `{{__('action.processing')}}`,
                            imageUrl: "{!! asset('/') !!}"+"ezgif.com-gif-maker.webp",
                            showConfirmButton: false,
                            allowOutsideClick: false,
                            confirm: true,
                            showLoaderOnConfirm: true,
                            width: '300px',
                            height: '180px'
                        })
                    },
                    dataType:"json",
                    success:function(data){
                        if (data.success == true) {
                            Swal.close();
                            toastr.success(data.message);
                            window.location.reload();
                        }
                    },
                    error:function(data){
                        // console.log(data);
                    }
                });
            }
        })
    }

    // show pdf
    $(document).on("click",".view-btn",function(){
        const pdfId = $(this).data("id");
        const pdfType = $(this).data("type");

        function openPdfNewTab() {
            let url = '{{ url("/view_pdf", ["type", "id"]) }}';
            url = url.replace('type', pdfType);
            url = url.replace('id', pdfId);

            window.open(url, "_blank");
        }

        openPdfNewTab();
    });

    // resend mail
    function pdfResendMail(pdfId, pdfType){
        Swal.fire({
            title: `{{trans('action.areyousure')}}`,
            text: `{{trans('action.resend_treatment')}}`,
            showCancelButton: true,
            confirmButtonColor: '#fb0404',
            cancelButtonColor: '#d33',
            cancelButtonText:`{{trans('action.cancel')}}`,
            confirmButtonText: `{{trans('action.resend_btn')}}`

        }).then((result) => {

            if (result.value) {
                $.ajax({
                    url: "{{ route('pdf-resend-mail') }}",
                    type: 'POST',
                    data: {
                        pdf_id: pdfId,
                        pdf_type: pdfType
                    },
                    dataType:"json",
                    success: function(msg) {

                        if(msg.status == true){
                            Swal.fire({
                                icon: 'success',
                                title: `{{trans('action.mail_send_success')}}`,
                                showConfirmButton: false,
                                timer: 3500
                            })
                        }else{
                            Swal.fire({
                                icon: 'error',
                                title: msg.title,
                                text: msg.content,
                                showConfirmButton: false,
                                showCloseButton: true
                            })
                        }
                    }
                });
            }
        })
    }
</script>
@endsection