@extends('layouts/acc_layout')
@section('title', '| Cardless EMI Voucher Config')
@push('style')
    <style>
        div:where(.swal2-container) div:where(.swal2-html-container) {
            font-size: .8em !important;
        }

        div:where(.swal2-container) h2:where(.swal2-title) {
            font-size: 1.6em;
        }

        div:where(.swal2-icon) {
            margin: 2em auto .6em !important;

        }
    </style>
@endpush
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="" style="">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-options">
                                <a href="{{ url('acc/cardlessEmiVoucherConfig/add') }}" class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Voucher Configuation</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">Cardless EMI Voucher Config</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div class="table-responsive">
                                <table class="table table-striped align-middle table-bordered" id="myTable" style="color:black;">
                                    <thead>
                                        <tr>
                                            <th width="60"  rowspan="2">SL#</th>
                                            <th rowspan="2">Project</th>
                                            <th rowspan="2">Project Type</th>
                                            <th rowspan="2">Company</th>
                                            <th rowspan="2">Transaction Type</th>
                                            <th rowspan="2">Voucher Type</th>
                                            <th colspan="2" class="text-center">Sales</th>
                                            <th colspan="2" class="text-center">Collection Principal</th>
                                            <th colspan="2" class="text-center">Collection Interest</th>
                                            <th rowspan="2">Status</th>
                                            <th rowspan="2" width="100">Action</th>
                                        </tr>
                                        <tr>
                                            <th>Debit</th>
                                            <th>Credit</th>
                                            <th>Debit</th>
                                            <th>Credit</th>
                                            <th>Debit</th>
                                            <th>Credit</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($configs as $index => $config)
                                            <tr>
                                                <td>{{ $index + 1 }}</td>
                                                <td class="name">{{ $config->project->projectCode }} - {{ $config->project->name }}</td>
                                                <td class="name">{{ $config->projectType->projectTypeCode }} - {{ $config->projectType->name }}</td>
                                                <td class="name">{{ $config->company->name }}</td>
                                                <td>{{ ucfirst($config->transactionType) }}</td>
                                                <td>{{ $config->voucherTypee->name }}</td>
                                                <td>{{ $config->salesDrLedger ? $config->salesDrLedger->code . ' - ' . $config->salesDrLedger->name : '-' }}</td>
                                                <td>{{ $config->salesCrLedger ? $config->salesCrLedger->code . ' - ' . $config->salesCrLedger->name : '-' }}</td>
                                                <td>{{ $config->collectionPrincipalDrLedger ? $config->collectionPrincipalDrLedger->code . ' - ' . $config->collectionPrincipalDrLedger->name : '-' }}</td>
                                                <td>{{ $config->collectionPrincipalCrLedger ? $config->collectionPrincipalCrLedger->code . ' - ' . $config->collectionPrincipalCrLedger->name : '-' }}</td>
                                                <td>{{ $config->collectionInterestDrLedger ? $config->collectionInterestDrLedger->code . ' - ' . $config->collectionInterestDrLedger->name : '-' }}</td>
                                                <td>{{ $config->collectionInterestCrLedger ? $config->collectionInterestCrLedger->code . ' - ' . $config->collectionInterestCrLedger->name : '-' }}</td>

                                                <td>
                                                    @if ($config->status)
                                                        <span class="fa fa-check" style="color:green"></span>
                                                    @else
                                                        <span class="fa fa-close" style="color:red"></span>
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    <div class="text-nowrap">
                                                        <a href="{{ url('acc/cardlessEmiVoucherConfig/edit/' . $config->id) }}" class="">
                                                            <span class="fa fa-edit"></span>
                                                        </a>
                                                        &nbsp;
                                                        <a  href="javascript:;" data-id="{{ $config->id }}" class="delete">
                                                            <span class="fa fa-trash"></span>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $(document).on('click', '.delete', function() {
                var voucherId = $(this).data('id');

                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'Cancel',
                    customClass: {
                        confirmButton: 'btn btn-danger me-2',
                        cancelButton: 'btn btn-secondary'
                    },
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: "{{ url('acc/cardlessEmiVoucherConfig/delete') }}",
                            data: {
                                id: voucherId,
                                _token: '{{ csrf_token() }}'
                            },
                            dataType: "json",
                            success: function(response) {
                                if (response.success) {
                                    Swal.fire('Deleted!', response.message, 'success')
                                        .then(() => {
                                            location.reload();
                                        });
                                } else {
                                    Swal.fire('Error!', response.message, 'error');
                                }
                            },
                            error: function(xhr) {
                                Swal.fire('Error!', 'Something went wrong!', 'error');
                            }
                        });
                    }
                });
            });


        });
    </script>
@endsection