@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Toastr', true)
@section('plugins.SetMask', true)
@section('plugins.SelectPicker', true)
@section('plugins.InputMask', true)

@section('css')
    <link rel="stylesheet" href="{{ asset('css/style_colors.css?v=2') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css?v=3') }}">
@stop

@section('js')
    <script>

        @if(session()->has('mensagem'))
            toastr["{{session('mensagem')['type']}}"]("{{session('mensagem')['text']}}", "{{session('mensagem')['title']}}");
        @endif

        $(document).ready(function(){
            SetMask();
            $('.selectpicker').selectpicker();
        });

        function ConfirmaExclusao(elem, id) {
            swal.fire({
                title: 'Confirma a exclusão?',
                text: 'Esta ação não poderá ser revertida!',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, excluir!',
                cancelButtonText: 'Cancelar!',
                closeOnConfirm: false,
            }).then(function(isConfirm) {
                if (isConfirm.value) {
           		 	$.get('/'+ @yield('table-delete') +'/destroy?id='+id, function(data){
                        if (data.status == 200) {
                            swal.fire(
                                'Deletado!',
                                'Exclusão confirmada.',
                                'success'
                            ).then(function(isConfirm) {
                                    $(elem).closest('tr').hide(500);
                            });
                        } else {
                            swal.fire(
                                'Erro!',
                                'Ocorreram erros na exclusão. Entre em contato com o suporte.',
                                'error'
                            );
                        }
                    });
                }
            })
        }

        function confirmDelete(elem, id, type) {
            let title = type === 'veiculo' ? 'Confirma a desativação do veículo?' : 'Confirma a desativação do motorista?';
            let text = type === 'veiculo' ? 'Esta ação tornará o veículo indisponível!' : 'Esta ação tornará o motorista indisponível!';

            swal.fire({
                title: title,
                text: text,
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, desativar!',
                cancelButtonText: 'Cancelar!',
                closeOnConfirm: false,
            }).then(function(isConfirm) {
                if (isConfirm.value) {
                    toggleStatus(elem, id, false, type);
                }
            });
        }

        function toggleStatus(elem, id, ativar, type) {
            $.get('/'+ @yield('table-delete') +'/destroy?id='+id, function(data){
                if (data.status == 200) {
                    swal.fire('Sucesso!', data.msg, 'success').then(function(isConfirm) {
                        $(elem).closest('tr').hide(500).show(500);
                        if (ativar) {
                            $(elem).find('i').removeClass('fa-trash-restore').addClass('fa-trash');
                            $(elem).attr('title', 'Desativar');
                            $(elem).attr('onclick', 'return confirmDelete(this, \'' + id + '\', \'' + type + '\');');
                        } else {
                            $(elem).find('i').removeClass('fa-trash').addClass('fa-trash-restore');
                            $(elem).attr('title', 'Reativar');
                            $(elem).attr('onclick', 'return toggleStatus(this, \'' + id + '\', true, \'' + type + '\');');
                        }
                    });
                } else {
                    swal.fire('Erro!', data.msg, 'error');
                }
            });
        }

        const SetMask = function SetMask() {
            $('input[data-mask]').each(function() {
                const dataMask = $(this).attr('data-mask');
                const dataMaskFormat = $(this).attr('data-mask-format');

                switch (dataMask) {
                    case 'integer':
                        $(this).setMask({
                            mask: '999.999.999.999'.substr(0, dataMaskFormat || 15),
                            type: 'reverse'
                        });
                        break;
                    case 'numeric':
                        $(this).inputmask({
                            mask: '9999999999999999999999999999999999999999',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'decimal-3':
                        $(this).inputmask({
                            'mask': "999.99",
                            rightAlign: true,
                            jitMasking: true,
                        });
                        break;
                    case 'decimal':
                        $(this).setMask({
                            mask: '99,999.999.999.999'.substr(0, dataMaskFormat || 18),
                            type: 'reverse',
                            defaultValue: '000,00'
                        });
                        break;
                    case 'sinal-decimal':
                        $(this).setMask({
                            mask: '99,999.999.999.999'.substr(0, dataMaskFormat || 18),
                            type: 'reverse',
                            defaultValue: '+000,00'
                        });
                        break;
                    case 'cpfcnpj':
                        $(this).inputmask({
                            mask: ['999.999.999-99', '99.999.999/9999-99'],
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'cpf':
                        $(this).inputmask({
                            mask: '999.999.999-99',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'cnpj':
                        $(this).inputmask({
                            mask: '99.999.999/9999-99',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'cep':
                        $(this).inputmask({
                            mask: '99999-999',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'phone':
                        $(this).inputmask({
                            mask: ['(99) 9999-9999', '(99) 99999-9999'],
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'rg':
                        $(this).inputmask({
                            mask: '999999999999',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                    case 'time':
                        $(this).inputmask({
                            mask: 'h:s',
                            jitMasking: true,
                            placeholder: ''
                        });
                        break;
                }
            });
        };
        $('[data-toggle="tooltip"]').tooltip()
    </script>
@stop