@extends('voyager::master')

@section('page_title', 'Modules')

@section('page_header')
<div class="page-header">
    <div class="row align-items-center py-2">
        <div class="col-sm mb-2 mb-sm-0">
            <div class="d-flex align-items-center">
                <img class="onerror-image" data-onerror-image="{{asset('thumb.png')}}" src="{{asset('thumb.png')}}" width="38" alt="img">
                <div class="w-0 flex-grow pl-2">
                    <h1 class="page-header-title mb-0">{{__('dashboard.dashboard.fees.heading')}} <span class="badge badge-info">{{ isset($modules['count']) ? $modules['count'] : '-' }}</span></h1>
                    <p class="page-header-text m-0">{{__('dashboard.dashboard.fees.sub-heading')}}</p>
                </div>
            </div>
        </div>
        <div class="col-sm-auto min--280 text-right">
            <a class="btn btn-sm btn-success fields-btn" data-type="create">
                <i class="voyager-plus"></i> {{__('dashboard.dashboard.fees.create_fees')}}
            </a>
        </div>
    </div>
</div>
@stop

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-bordered">
            <div class="panel-body">
                <div class="table-responsive">
                    <table id="dataTable" class="table table-hover modules-table">
                        <thead>
                            <tr>
                                <th> {{__('dashboard.dashboard.fees.sn')}}</th>
                                <th> {{__('dashboard.dashboard.fees.module')}}</th>
                                <th> {{__('dashboard.dashboard.fees.sub_module')}}</th>
                                <th> {{__('dashboard.dashboard.fees.daily_limit')}}</th>
                                <th> {{__('dashboard.dashboard.fees.monthly_limit')}}</th>
                                <th> {{__('dashboard.dashboard.fees.fees_lyd')}}</th>
                                <th> {{__('dashboard.dashboard.fees.service_charge')}}</th>
                                <th> {{__('dashboard.dashboard.fees.tax_lyd')}}</th>
                                <th> {{__('dashboard.dashboard.fees.vat_lyd')}}</th>
                                <th> {{__('dashboard.dashboard.fees.from_date')}}</th>
                                <th> {{__('dashboard.dashboard.fees.to_date')}}</th>
                                <th> {{__('dashboard.dashboard.fees.gl_fees')}}</th>
                                <th> {{__('dashboard.dashboard.fees.gl_service')}}</th>
                                <th> {{__('dashboard.dashboard.fees.gl_tax')}}</th>
                                <th> {{__('dashboard.dashboard.fees.gl_vat')}}</th>
                                <th> {{__('dashboard.dashboard.fees.status')}}</th>
                                <th class="actions text-right dt-not-orderable">{{ __('voyager::generic.actions') }}
                                </th>
                            </tr>
                        </thead>
                        @foreach($fees as $index=>$fee)
                        <tr>
                            <td>{{++$index}}</td>
                            <td>{{checkAndReturnValue($fee,'moduleName')}}</td>
                            <td>{{checkAndReturnValue($fee,'submoduleName')}}</td>
                            <td>{{checkAndReturnValue($fee,'dailyLimits')}}</td>
                            <td>{{checkAndReturnValue($fee,'monthlyLimits')}}</td>
                            <td>{{checkAndReturnValue($fee,'fees')}}</td>
                            <td>{{checkAndReturnValue($fee,'serviceCharges')}}</td>
                            <td>{{checkAndReturnValue($fee,'tax')}}</td>
                            <td>{{checkAndReturnValue($fee,'vat')}}</td>
                            <td>{{checkAndReturnValue($fee,'fromDate')?Carbon\Carbon::createFromTimestamp((int)$fee['fromDate'] / 1000)->format('Y/m/d'):''}}</td>
                            <td>{{checkAndReturnValue($fee,'toDate')?Carbon\Carbon::createFromTimestamp((int)$fee['toDate'] / 1000)->format('Y/m/d'):''}}</td>
                            <td>{{checkAndReturnValue($fee,'glFees')}}</td>
                            <td>{{checkAndReturnValue($fee,'glServiceCharges')}}</td>
                            <td>{{checkAndReturnValue($fee,'glTax')}}</td>
                            <td>{{checkAndReturnValue($fee,'glVat')}}</td>
                            <td>{{checkAndReturnValue($fee,'feeStatus')}}</td>
                            <td>
                                <a title="Edit" class="btn btn-sm btn-primary pull-right edit fields-btn" data-type="update" data-id="{{checkAndReturnValue($fee,'id')}}">
                                    <i class=" voyager-edit"></i> <span class="hidden-xs hidden-sm">{{__('voyager::generic.edit')}}</span>
                                </a>
                                @if(hasPermission('delete','Module'))
                                <a title="Edit" class="btn btn-sm btn-danger pull-right edit delete-fields-btn" data-type="update" data-id="{{checkAndReturnValue($fee,'id')}}">
                                        <i class="voyager-edit"></i> <span class="hidden-xs hidden-sm">{{__('voyager::generic.delete')}}</span>
                                </a>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-success fade" tabindex="-1" id="fields_modal" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #16597f;">
                <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{{__('dashboard.dashboard.fees.form.title')}}</h4>
            </div>
            <div class="modal-body">
                @include('_partials.loader')
                <form action="{{ route('fees.store') }}" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" value="">
                    <div class="row">
                        <!-- <div class="form-group col-md-6">
                            <label>Module <span class="required">*</span></label>
                            <select required="" class="form-control" name="module_id">
                                <option value="" selected> - Select Module -</option>
                                @foreach($modules as $module)
                                <option value="{{checkAndReturnValue($module,'id')}}"> {{checkAndReturnValue($module,'name')}}</option>
                                @endforeach
                            </select>
                        </div> -->
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.sub_module')}}<span class="required">*</span></label>
                            <select required="" class="form-control" name="sub_module_id">
                                <option value="" selected> {{__('dashboard.dashboard.fees.form.select_module')}}</option>
                                @foreach($subModules as $submodule)
                                <option value="{{checkAndReturnValue($submodule,'id')}}"> {{checkAndReturnValue($submodule,'name')}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.status')}} <span class="required">*</span></label>
                            <select required="" class="form-control" name="status">
                                <option value="">{{__('dashboard.dashboard.fees.form.select_status')}}</option>
                                <option value="ACTIVE"> {{__('dashboard.dashboard.fees.form.active')}} </option>
                            </select>
                        </div>
                        <div class="form-group col-md-3">
                            <label>D{{__('dashboard.dashboard.fees.form.daily_limit')}}<span class="required">*</span> </label>
                            <input type="number" step="any" class="form-control" name="daily_limits" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.monthly_limit')}} <span class="required">*</span> </label>
                            <input type="number" step="any" class="form-control" name="monthly_limits" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.fees_lyd')}}<span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="fees" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.service_charge')}} <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="service_charges" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.tax')}} <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="tax" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.vat_lyd')}} <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="vat" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.from_date')}} <span class="required">*</span></label>
                            <input type="date" class="form-control" name="from_date" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.to_date')}} <span class="required">*</span></label>
                            <input type="date" class="form-control" name="to_date" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.gl_fees')}} <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="gl_fees" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.gl_service')}}  <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="gl_service_charges" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.gl_tax')}} <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="gl_tax" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.gl_vat')}}  <span class="required">*</span></label>
                            <input type="number" step="any" class="form-control" name="gl_vat" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label>{{__('dashboard.dashboard.fees.form.trx_id_dsc')}} </label>
                            <input type="number" step="any" class="form-control" name="trx_id_desc">
                        </div>
                        <div class="col-md-12 text-end">
                            <button type="submit" class="btn pull-right submit-confirm btn-success"> {{__('voyager::generic.submit')}} </button>
                            <button type="button" class="btn btn-default close-btn pull-right" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop


@section('javascript')
<script>
    var searchLabel = "@lang('datatable.sSearch')";
    var lengthMenuLabel = "@lang('datatable.sLengthMenu')";
    var infoLabel = "@lang('datatable.sInfo')";
    var infoEmptyLabel = "@lang('datatable.sInfoEmpty')";
    var infoFilteredLabel = "@lang('datatable.sInfoFiltered')";
    var loadingRecordsLabel = "@lang('datatable.sLoadingRecords')";
    var processingLabel = "@lang('datatable.sProcessing')";
    var zeroRecordsLabel = "@lang('datatable.sZeroRecords')";

    var firstLabel = "@lang('datatable.oPaginate.sFirst')";
    var lastLabel = "@lang('datatable.oPaginate.sLast')";
    var nextLabel = "@lang('datatable.oPaginate.sNext')";
    var previousLabel = "@lang('datatable.oPaginate.sPrevious')";

    var sortAscendingLabel = "@lang('datatable.oAria.sSortAscending')";
    var sortDescendingLabel = "@lang('datatable.oAria.sSortDescending')";
    $(document).ready(function() {
        $('#dataTable').DataTable({
            paging: false,
                    language: {
                    search: searchLabel,
                    lengthMenu: lengthMenuLabel,
                    info: infoLabel,
                    infoEmpty: infoEmptyLabel,
                    infoFiltered: infoFilteredLabel,
                    loadingRecords: loadingRecordsLabel,
                    processing: processingLabel,
                    zeroRecords: zeroRecordsLabel,
                    paginate: {
                        first: firstLabel,
                        last: lastLabel,
                        next: nextLabel,
                        previous: previousLabel
                    },
                    aria: {
                        sortAscending: sortAscendingLabel,
                        sortDescending: sortDescendingLabel
                    }
        },
        });
        $(".fields-btn").on('click', function() {
            $("#fields_modal input[name='id']").val('')
            if ($(this).data('type') == "update") {
                const ID = $(this).data('id');
                $("#fields_modal input[name='id']").val(ID)
                const FEES = @json($fees);
                if (FEES) {
                    const FEE = FEES.find((el) => {
                        return el.id == ID;
                    })
                    if (FEE) {
                        $(`#fields_modal select[name="sub_module_id"] option[value="${FEE?.submoduleId ?? ''}"]`).prop('selected', true);
                        $("#fields_modal input[name='daily_limits']").val(FEE?.dailyLimits ?? 0)
                        $("#fields_modal input[name='monthly_limits']").val(FEE?.monthlyLimits ?? 0)
                        $("#fields_modal input[name='fees']").val(FEE?.fees ?? 0)
                        $("#fields_modal input[name='service_charges']").val(FEE?.serviceCharges ?? 0)
                        $("#fields_modal input[name='tax']").val(FEE?.tax ?? 0)
                        $("#fields_modal input[name='vat']").val(FEE?.vat ?? 0)
                        $("#fields_modal input[name='from_date']").val(timestampToData(FEE?.fromDate ?? ''))
                        $("#fields_modal input[name='to_date']").val(timestampToData(FEE?.toDate ?? ''))
                        $("#fields_modal input[name='gl_fees']").val(FEE?.glFees ?? 0)
                        $("#fields_modal input[name='gl_service_charges']").val(FEE?.glServiceCharges ?? 0)
                        $("#fields_modal input[name='gl_tax']").val(FEE?.glTax ?? 0)
                        $("#fields_modal input[name='gl_vat']").val(FEE?.glVat ?? 0)
                        $("#fields_modal input[name='trx_id_desc']").val(FEE?.trxIdDesc ?? 0)
                        $(`#fields_modal select[name="status"] option[value="${FEE?.feeStatus ?? ''}"]`).prop('selected', true);
                    }
                }
            }
            $('#fields_modal').modal('show');
        });
    });

    function timestampToData(timestamp = '') {
        if (timestamp) {
            const date = new Date(timestamp);
            let year = date.getFullYear();
            let month = date.getMonth() + 1;
            month = month > 9 ? month : `0${month}`;
            let day = date.getDate();
            day = day > 9 ? day : `0${day}`;
            let hours = date.getHours();
            let minutes = date.getMinutes();
            let seconds = date.getSeconds();
            return `${year}-${month}-${day}`;
        }
        return ''
    }
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.delete-fields-btn').forEach(button => {
            button.addEventListener('click', function() {
                const id = this.getAttribute('data-id');

                if (confirm('Are you sure you want to delete this fee?')) {
                    fetch('{{ route('sub-modules.delete') }}', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                        body: JSON.stringify({
                            id: id,
                            route:'fee.module'

                         })
                    })
                    .then(response => response.json())
                    .then(data => {
                        window.location.reload();
                        if (data.success === 'success') {
                            location.reload();
                        }
                    });
                }
            });
        });
    });
</script>
@stop