@extends('modules.head') @section('contenido')
<div class="box-header">
    @if(Auth::user()->rol_id == 1 || Auth::user()->rol_id == 10 || Auth::user()->rol_id == 9)
    <a class="auxiliar" href="{{url('/discarded/report')}}">
        <button type="button" class="btn  pull-left btnAux">
            <i class="fa fa-file"></i>@lang('messages.inventory_report')
        </button>
    </a>
    @endif
</div><br>
<!-- List banners-->
<div class="box">

    <!-- /.box-header -->

    <div class="box-body table-responsive ">
        <h3>Discarded accounts</h3>
        <table id="table-list_discarded_accounts" class="table table-bordered table-hover dataTable" role="grid" aria-describedby="example2_info">
            <thead>
                <tr role="row">
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Company</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">First Name</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Last Name</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Email</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Phone</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Branch</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Source</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Manual</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Admin</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Actions</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

@include('products.scraper')

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/dropzone/dropzone.js') }}"></script>
<script src="{{ asset('js/create_filters_for_dataTables.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $.fn.dataTable.ext.errMode = 'throw';

        $(function() {
            $('#table-list_discarded_accounts thead tr')
            .clone(true)
            .addClass('filters')
            .prependTo('#table-list_discarded_accounts thead');

            $('#table-list_discarded_accounts thead tr:first-child > th').css('background-color', "rgb(236 243 249)");
            $("#table-list_discarded_accounts").dataTable().fnDestroy();
            _table = $('#table-list_discarded_accounts').DataTable({
                responsive: true,
                processing: true,
                serverSide: true,
                "order": [],
                "language": {
                    url: 'https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json'
                },
                ajax: {
                    url: '/discarded-accounts',
                },
                columns: [{
                        data: 'company_name',
                        name: 'company_name',
                        "width": "10%"
                    },
                    {
                        data: 'first_name',
                        name: 'first_name',
                        "width": "5%"
                    },
                    {
                        data: 'last_name',
                        name: 'last_name',
                        "width": "5%"
                    },
                    {
                        data: 'email',
                        name: 'email',
                        "width": "5%"
                    },
                    {
                        data: 'cell_phone',
                        name: 'cell_phone',
                        "width": "5%"
                    },
                    {
                        data: 'branch',
                        name: 'branch.name',
                        "width": "5%",
                        render: function(data) {
                            if(data != null){
                                return data.name
                            }else{
                                return ''
                            }
                        }
                    },
                    {
                        data: 'source',
                        name: 'source.name',
                        "width": "5%", 
                        render: function(data){
                           return data ? data.name : "";
                        }
                    },
                    {
                        data: 'was_manually_discarded',
                        name: 'was_manually_discarded',
                        "width": "5%", 
                        render: function(data){
                           return data ? data.charAt(0).toUpperCase() + data.slice(1) : "";
                        }
                    },
                    {
                        data: 'discarded_by',
                        name: 'discarded_by.first_name',
                        "width": "5%",
                        render: function(data) {
                            return data ? data.first_name + " " + data.last_name : "";
                        }
                    },
                    {
                        data: 'actions',
                        name: 'actions',
                        "width": "5%"
                    },
                ],
                initComplete: addFiltersForDataTable
            });
        });

    });

    function getDiscardedAccountBack(id) {
        let data = {
            id: id
        }
        let url = '/discarded-accounts/retrieve';

        $.ajax({
            url: url,
            type: "POST",
            contentType: "application/json",
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                "Content-Type": "application/json",
            },
            data: JSON.stringify(data),
            success: function(r) {
                if (r.status) {
                    swal('The account has been retrieved', {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        },
                    }).then(() => {
                        $(location).attr('href','/pendingAccounts');
                    });
                } else {
                    swal('Check this account id. It could not be retrieved', {
                        icon: "error",
                    });
                }
            },
            error: function(e) {
                swal("Some error has occurred", {
                    icon: "error",
                });
            },
        });

    }
</script>


@endsection