@extends('Frontend.partials.layout')

@section('content')
<style>
    @media only screen and (max-width: 576px) {
        .add-new-menu-button a.btn {
            padding: 10px;
        }

        .add-new-menu-button a.btn:first-child {
            padding-right: 6px;
        }
        
        .add-new-menu-button i {
            margin-right: 0px !important;
        }
    }
</style>
<section class="own-analysis">
    <div class="row analysis_header_flex justify-content-between align-items-center mx-0 px-1">
        <div class="">
            <div class="analysis-content-header d-flex align-items-center">
                <div class="logo">
                    <i class="fas fa-home primary-color"></i>
                </div>
                <div class="heading primary-color">
                    <h2>{{ trans('action.page_heading1_own_analysis_list') }}</h2>
                    <p>{{trans('action.page_heading2_user_list', ['siteName' => env('APP_NAME')])}}</p>
                </div>
            </div>
        </div>
        <div class="">
            <div class="add-new-menu-button text-right mt-0">
                <a href="{{ route('ownAnalysis.export_import') }}" class="m-mt-10 btn btn-warning" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.analysis_export_import')}}">
                    <i class="fas fa-sync-alt">&nbsp;</i><span class="d-mobile-none">{{trans('action.analysis_export_import')}}</span>
                </a>
                <a href="{{ route('ownAnalysis.create') }}" class="m-mt-10 btn btn-success" data-toggle="tooltip" data-placement="bottom" data-state="secondary" title="{{trans('action.add_new_analysis')}}">
                    <i class="far fa-plus-square mr-2"></i><span class="d-mobile-none">{{trans('action.add_new_analysis')}}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="card">
                <div class="card-datatable table-responsive"  id="card-datatable">
                    <table id="group-list" class="table table-striped table-bordered tbl_ownanalysis">
                        <thead>
                            <tr>
                                <th>U-Id</th>
                                <th>{{trans('action.own_analyse_name')}}</th>
                                <th>{{trans('action.sub_menu')}}</th>
                                <th>{{trans('action.main_menu')}}</th>
                                <th>{{ trans('action.body_desc') }}</th>
                                <th>{{ trans('action.mental_desc') }}</th>
                                <th>{{ trans('action.action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</section>
@endsection


@section('scripts')
    <script>
        $(document).ready(function() {
            $('.tbl_ownanalysis').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')}}`,
                    oPaginate: {
                        sFirst: `{{trans('action.table_first')}}`,
                        sPrevious: `{{trans('action.table_back')}}`,
                        sNext: `{{trans('action.table_next')}}`,
                        sLast: `{{ trans('action.table_latest')}}`,
                    }
                },
                search: {
                    return: true,
                },
                button: false,
                searching: true,
                scrollY: true,
                scrollX: false,
                scrollCollapse: true,
                processing: true,
                serverSide: true,
                ajax: "{{ route('ownAnalysis.ownAnalysis') }}",
                columns: [
                    {
                        data: 'id',
                        name: 'analyses.id',
                        orderable: false,
                        searchable: true,
                        width: '5%'
                    },{
                        data: 'name',
                        name: 'analyses.name',
                        orderable: false,
                        searchable: true
                    },
                    {
                        data: 'submenu_name',
                        name: 'user_submenus.name',
                        orderable: false,
                        searchable: true
                    },
                    {
                        data: 'menu_name',
                        name: 'name',
                        orderable: true,
                        searchable: true
                    },{
                        data: 'body_desc',
                        name: 'body_desc',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'mental_desc',
                        name: 'mental_desc',
                        orderable: false,
                        searchable: false
                    },
                    {data: 'action', name: 'action', orderable: false, searchable: false,width: '8%'},
                ]
            });



            $('.tbl_ownanalysis').delegate('.ownanalysis_confirm', 'click', function(e){
                e.preventDefault();
                let url = $(this).data('url');

                Swal.fire({
                title: `{{trans('action.areyousure')}}`,
                text: `{{trans('action.you_cant_revert')}}`,
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText:  `{{trans('action.yes_delete')}}`,
                cancelButtonText: `{{trans('action.cancel')}}`
                }).then((result) => {
                if (result.value) {
                    $.ajax({
                    url: url,
                    type: 'delete',
                    success: function(response) {

                        if (response.status == true) {
                            Swal.fire({
                                title: `{{trans('action.deleted')}}`,
                                text: response.notify.message,
                                type: "success",
                                showConfirmButton: false,
                                showCancelButton: false,
                                timer: 1000
                            });
                            var table = $('.tbl_ownanalysis').DataTable();
                            table.ajax.reload() 

                        } else {
                            Swal.fire('Error!', response.notify.message,'error');
                        }
                    }
                    });
                }
                })
            });
        });

    </script>
@endsection