@extends('admin.layout.master')
@section('title', 'Accounts Group')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>{{lt('obs.group_accounts_list')}}</h4>
        </div>
        <div class="card-body">
            <div class="col-md-12">
                <button type="button" onclick="reset()" class="btn btn-success btn-sm" data-toggle="modal"
                    data-target="#addGroupAcc" data-bs-toggle="modal" data-bs-target="#addGroupAcc">
                    {{lt('obs.add_group_accounts')}}
                </button>
                <select id="statusFilterSelect" class="form-control" style="width:200px;display:inline-block;float:right;"
                    onchange="window.location.href='{{ route('accounts_group.index') }}?status='+this.value">
                    <option value="1" {{ (!$statusFilter || $statusFilter=='1') ? 'selected' : '' }}>{{lt('obs.active')}}</option>
                    <option value="0" {{ $statusFilter=='0' ? 'selected' : '' }}>{{lt('obs.inactive')}}</option>
                    <option value="all" {{ $statusFilter=='all' ? 'selected' : '' }}>All</option>
                </select>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">{{lt('obs.name')}}</th>
                            <th scope="col">{{lt('obs.type')}}</th>
                            <th scope="col">{{lt('obs.inventory')}} <br>{{lt('obs.and_cogs')}}</th>
                            <th scope="col">{{lt('obs.purchase')}} <br>{{lt('obs.and_return')}}</th>
                            <th scope="col">{{lt('obs.purchase_disc')}}</th>
                            <th scope="col">{{lt('obs.sale')}}<br>{{lt('obs.and_return')}} </th>
                            <th scope="col">{{lt('obs.sale_disc')}}</th>
                            <th scope="col">{{lt('obs.accu_depr')}}</th>
                            <th scope="col">{{lt('obs.depr_expn')}}</th>
                            <th scope="col">{{lt('obs.transfer_opp_ledger')}}</th>
                            <th scope="col">{{lt('obs.work_in_progress_ledger')}}</th>
                            <th scope="col">{{lt('obs.adj_opposite_ledger_id')}}</th>
                            <th scope="col">{{lt('obs.status')}}</th>
                            <th>{{lt('obs.action')}}</th>
                        </tr>
                    </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($result as $item)
                                    <tr>
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->type == 1 ? 'Product Wise' : 'Invoice Wise' }}</td>
                                        <td>{{ ($item->main_ledger ? $item->main_ledger->name : '') }}<br>{{ $item->Cogs? $item->Cogs->name : '' }}</td>
                                        <td>{{ ($item->purchase ? $item->purchase->name : '') }}<br>{{ $item->purchase_return? $item->purchase_return->name : '' }}</td>
                                        <td>{{ $item->purchase_discount ? $item->purchase_discount->name : ''}}</td>
                                        <td>{{ $item->sale_ledger ? $item->sale_ledger->name : '' }}<br>{{ $item->sale_return_ledger ? $item->sale_return_ledger->name : '' }}</td>
                                        <td>{{ $item->sales_discount ? $item->sales_discount->name : '' }}</td>
                                        <td>{{ $item->acc_dep ? $item->acc_dep->name : '' }}</td>
                                        <td>{{ $item->dep_exp ? $item->dep_exp->name : '' }}</td>
                                        <td>{{ $item->transferOppLedger?->name }}</td>
                                        <td>{{ $item->wipLedger?->name }}</td>
                                        <td>{{ $item->adjLedger?->name }}</td>
                                        @if ($item->status == 1)
                                            <td><span style="color: green">{{lt('obs.active')}}<span></td>
                                        @elseif($item->status ==0)
                                            <td><span style="color: red">{{lt('obs.inactive')}}<span></td>
                                        @endif
                                        <td>
                                            @if(checkAuthPermission('accounts_group.edit'))
                                                <button type="button" onclick="edit({{ $item->id }})" class="btn btn-danger btn-sm"
                                                    data-toggle="modal" data-target="#addGroupAcc" data-bs-toggle="modal" data-bs-target="#addGroupAcc">
                                                    {{lt('obs.edit')}}
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                            @endforeach
                                <tr>
                                    <td colspan="15" class="text-center">
                                        {{ $result->links() }}
                                    </td>
                                </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @include('accounts.modals.add_group_accounts')
@endsection
@section('script')
    <script>
        const select2ModalV1=(cls, modal_name)=> {
        $('.' + cls).select2({
            dropdownParent: $("#" + modal_name)
        });
    }
        $(document).ready(function() {
            select2ModalV1('select2class','addGroupAcc');
        });
        function saveGroupAccounts() {
            let name = $("#Name").val();
            let main_ledger = $("#MainLedger").val();
            let cogs = $("#Cogs").val();
            let purchase_discount = $("#PurchaseDiscount").val();
            let sales_discount = $("#SalesDiscount").val();
            let acc_dep = $("#AccDep").val();
            let dep_exp = $("#dep_exp").val();
            let sell_ledger_id = $("#SaleLedger").val();
            let sell_return_ledger_id = $("#SaleReturnLedger").val();
            let purchase_ledger_id = $("#PurchaseLedger").val();
            let purchase_return_ledger_id = $("#PurchaseReturnLedger").val();
            let transfer_opposite_ledger_id = $("#transfer_opposite_ledger_id").val();
            let work_in_progress_ledger_id = $("#work_in_progress_ledger_id").val();
            let adj_opposite_ledger_id = $("#adj_opposite_ledger_id").val();
            let status = $("#Status").val();
            let id = $("#ID").val();
            let type = $("#type").val();
            $.ajaxSetup({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                },
            });
            $.ajax({
                type: "POST",
                url: "{{route('accounts_group.store')}}",
                data: {
                    name: name,
                    type: type,
                    main_ledger: main_ledger,
                    cogs: cogs,
                    purchase_discount: purchase_discount,
                    acc_dep: acc_dep,
                    dep_exp: dep_exp,
                    sales_discount: sales_discount,
                    status: status,
                    id: id,
                    sell_ledger_id: sell_ledger_id,
                    sell_return_ledger_id: sell_return_ledger_id,
                    purchase_ledger_id: purchase_ledger_id,
                    purchase_return_ledger_id: purchase_return_ledger_id,
                    transfer_opposite_ledger_id: transfer_opposite_ledger_id,
                    work_in_progress_ledger_id: work_in_progress_ledger_id,
                    adj_opposite_ledger_id: adj_opposite_ledger_id,
                },
                success: function (data) {
                    let timerInterval;
                    Swal.fire({
                        title: data.message,
                        html: "I will close in <b></b> milliseconds.",
                        timer: 2000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading();
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent();
                                if (content) {
                                    const b = content.querySelector("b");
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft();
                                    }

                                }
                            }, 100);
                        },
                        willClose: () => {
                            clearInterval(timerInterval);
                        },
                    }).then((result) => {
                        /* Read more about handling dismissals below */
                        if (result.dismiss === Swal.DismissReason.timer) {
                            console.log("I was closed by the timer");
                        }
                    });
                    window.location.href = "{{route('accounts_group.index')}}";
                },
                error: function (response) {
                    $.each(response.responseJSON.errors, function (field_name, error) {
                        $(document)
                            .find("[name=" + field_name + "]")
                            .after(
                                '<span class="text-strong textdanger">' +
                                error +
                                "</span>"
                            );
                    });
                },
            });
        }

        function edit(id) {
            $.ajax({
                url: "{{route('accounts_group.edit')}}",
                type: "GET",
                data: {
                    _token: "{{ csrf_token() }}",
                    id:id,
                },
                success: function (data) {
                    $('#StatusDisplay').show();
                    $("#Name").val(data.name);
                    $("#type").val(data.type).trigger('change');
                    $("#ID").val(data.id);
                    $("#MainLedger").val(data.inventory_ledger_id).trigger('change');
                    $("#Cogs").val(data.cogs_ledger_id).trigger('change');
                    $("#PurchaseDiscount").val(data.purchase_dis_ledger_id).trigger('change');
                    $("#SalesDiscount").val(data.sell_dis_ledger_id).trigger('change');
                    $("#AccDep").val(data.acc_dep_ledger_id).trigger('change');
                    $("#dep_exp").val(data.dep_exp_ledger_id).trigger('change');
                    $("#SaleLedger").val(data.sell_ledger_id).trigger('change');
                    $("#SaleReturnLedger").val(data.sell_return_ledger_id).trigger('change');
                    $("#PurchaseLedger").val(data.purchase_ledger_id).trigger('change');
                    $("#PurchaseReturnLedger").val(data.purchase_return_ledger_id).trigger('change');
                    $("#transfer_opposite_ledger_id").val(data.transfer_opposite_ledger_id).trigger('change');
                    $("#work_in_progress_ledger_id").val(data.work_in_progress_ledger_id).trigger('change');
                    $("#adj_opposite_ledger_id").val(data.adj_opposite_ledger_id).trigger('change');
                    $("#Status").val(data.status).trigger('change');
                },
            });
        }

        function reset() {
            $("#forms_id").trigger("reset");
            $("#Id").val(0);
            $("#Name").val('').trigger('change');
            $("#ID").val('').trigger('change');
            $("#MainLedger").val('').trigger('change');
            $("#Cogs").val('').trigger('change');
            $("#PurchaseDiscount").val('').trigger('change');
            $("#SalesDiscount").val('').trigger('change');
            $("#AccDep").val('').trigger('change');
            $("#dep_exp").val('').trigger('change');
            $("#SaleLedger").val('').trigger('change');
            $("#SaleReturnLedger").val('').trigger('change');
            $("#transfer_opposite_ledger_id").val('').trigger('change');
            $("#work_in_progress_ledger_id").val('').trigger('change');
            $("#adj_opposite_ledger_id").val('').trigger('change');
            $("#Status").val('').trigger('change');
            $('#StatusDisplay').hide();
        }
    </script>
@endsection