@extends('layouts.nav')
@section('title')
{{$JournalType}} Journal
@endsection
@section('content')

        <!-- Page Heading -->
        <div class="d-sm-flex align-items-center justify-content-between mb-4">

        <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">{{$JournalType}}  Journal</h1>
        </div>
        <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <li class="d-sm-flex align-items-center justify-content-between mb-4">
            <a class="nav-link" href="{{route('journalprocessing')}}">
                <i class="fas fa-wallet"></i>
                <span>Other Accounts</span></a>
                </li>
                </div>
                </div>
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary"   id="formHeader">Process {{$JournalType}}  Journal</h6>
                    </div>
                    @if (session('success'))
                        <div class="alert alert-success" id="successMessage"  style="margin: 20px;">
                            {{ session('success') }}
                        </div>
                    @endif

                    @if ($errors->any())
                                <div class="form-group"  id="successMessage"  style="margin: 20px;">
                                    <div class="card bg-warning text-white shadow">
                                        <div class="card-body">

                                            @foreach ($errors->all() as $error)
                                            <div style="color: red; ">{{ $error }}</div>
                                            @endforeach

                                        </div>
                                    </div>
                                </div>
                                @endif
                <form class="card-body" action="{{ route('savejournaltransaction', ['Type' => $JournalType]) }}" method="post"  id="accountTypeForm">
                        @csrf
                        <input type="hidden" id="accountId" name="id" value="">
                        <input type="hidden" id="source" name="source" value="{{$JournalType}}">
                            <div class="form-group row">
                                @if($JournalType != "General")
                                <!-- Visible Journal Code for non-General journals -->
                                <div class="col-sm-6 mb-3 mb-sm-0">
                                    <input type="text" class="form-control form-control-user" id="AccCode" placeholder="Journal Code" name="AccCode" value="{{ $journal }}" required readonly>
                                </div>
                            @else
                                <div class="col-sm-6 mb-3 mb-sm-0"><!-- Hidden Journal Code with fixed "Journal" value for General -->
                                <input type="text" class="form-control form-control-user" id="AccCode" placeholder="Journal Code" name="AccCode"value="{{$JournalType}} Journal">
                                </div>
                            @endif

                            <div class="col-sm-6">
                                <input type="date" class="form-control form-control-user" id="date" placeholder="Entry Date" name="date" value="{{ old('date', \Carbon\Carbon::now()->format('Y-m-d')) }}" required>
                            </div>

                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 mb-3 mb-sm-0">
                                <input type="text" class="form-control form-control-user" id="narr" placeholder="Narration" name="narr" value="{{ old('narr') }}" required>
                            </div>
                            <div class="col-sm-6">

                                    <select class="form-control form-control-user" id="account" name="account" required>
                                        <option value="" disabled selected>Select {{$JournalType}} Account</option>
                                        @foreach ($Accounts as $Account)
                                            <option value="{{ $Account->Code }}" @if(old('account') == $Account->Code) selected @endif>
                                                {{ $Account->Code.'/'.$Account->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-sm-6 mb-3 mb-sm-0">
                                <input type="text" class="form-control form-control-user" id="reff" placeholder="Reference" name="reff" value="{{ old('reff') }}" required>
                            </div>
                            <div class="col-sm-6 mb-3 mb-sm-0">

                                    <select class="form-control form-control-user" id="tr" name="tr" required>
                                        <option value="" disabled selected>TR Code</option>
                                        <option value="DR" @if(old('tr') == 'DR') selected @endif>DR</option>
                                        <option value="CR" @if(old('tr') == 'CR') selected @endif>CR</option>
                                    </select>
                            </div>
                        </div>

            <div class="form-group row">
                <div class="col-sm-6 mb-3 mb-sm-0">
                    <select class="form-control form-control-user" id="curr" name="curr" required>
                        <option value="" disabled selected>Select Currency</option>
                        @foreach ($currencys as $currency)
                            <option value="{{ $currency->ID}}" @if(old('curr') == $currency->ID) selected @endif>
                                {{ $currency->Name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-6">
                        <input type="text" class="form-control form-control-user" id="amount" placeholder="00.00" name="amount" value="{{ old('amount') }}" required>
                </div>
            </div>

            <div style="display: flex;">
                <input type="submit" style="width: 100px;height: 40px; margin-right: 10px; margin-top: 6px" value="Save" class="btn btn-primary btn-user btn-block" id="submitButton"/>
                <input style="width: 100px;"    type="reset" value="Refresh" class="btn btn-secondary btn-user btn-block"  onclick="hideMessages()"/>
                </div>
                <hr>
                </form>
                </div>
                <div class="table-responsive card shadow mb-4">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>Date</th>
                        <th>{{ $JournalType == 'General' ? 'GL Name' : $JournalType . ' Name' }}</th>
                        <th>{{ $JournalType == 'General' ? 'GL Code' : $JournalType . ' Code' }}</th>
                        <th>Narration</th>
                        <th>DR</th>
                        <th>CR</th>
                        <th>Status</th>
                        <th class="text-center">Action</th>
                    </tr>
                    </thead>
                   <tbody>

                    @foreach($Jts as $jt)
                        <tr>
                        <td>{{ \Carbon\Carbon::parse($jt->EntryDate)->format('Y-m-d') }}</td>
                        <td>{{ Str::limit($jt->display_name, 12) }}</td>
                        <td>{{ $jt->AccSubCode }}</td>
                        <td>{{ $jt->Narration }}</td>
                        <td class="text-right">
                            {{-- Assuming DR and CR are mutually exclusive --}}
                            {{ number_format($jt->DR, 2) }}
                        </td>
                        <td class="text-right">
                            {{-- Assuming DR and CR are mutually exclusive --}}
                            {{ number_format($jt->CR, 2) }}
                        </td>
                        <td><span class="badge badge-warning px-2">Open Journal</span></td>
                        <td class="text-center">

                            <form style="display:inline;">
                                @csrf
                                <input type="hidden" name="id" value="{{ $jt->ID }}">
                                <button type="submit" class="btn btn-primary btn-sm rounded-1 px-2 py-0" title="Edit" onclick="editAccountType(event,'{{ $jt->ID }}', '{{ $jt->AccSubCode }}', '{{ $jt->Narration }}','{{ $jt->Refference }}','{{ number_format($jt->DR ? $jt->DR : $jt->CR, 2) }}','{{ $jt->DR > 0 ? "DR" : "CR" }}','{{ $jt->Currency }}')">
                                    <i class="fas fa-edit"></i>
                                </button>
                            </form>

                            <form method="POST" action="{{ route('journal.process') }}" style="display:inline;">
                                @csrf
                                <input type="hidden" name="type" value="{{ $jt->Source }}">
                                <input type="hidden" name="inv" value="{{ $jt->Accode }}">
                                <input type="hidden" name="id" value="{{ $jt->ID }}">
                                <input type="hidden" name="code" value="{{ $jt->Code }}">
                                <button type="submit" class="btn btn-success btn-sm rounded-1 px-2 py-0" title="Process">
                                    <i class="fas fa-check"></i>
                                </button>
                            </form>

                            <form method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to cancel this transaction?');">
                                @csrf
                                @method('DELETE')
                                <button
                                type="button"
                                class="btn btn-warning btn-sm rounded-1 px-2 py-0" title="Cancel"
                                onclick="confirmCancel({{ $jt->ID }})">
                                <i class="fas fa-times"></i>
                                </button>
                            </form>
                        </td>
                        </tr>

                    </tbody>
                    @endforeach
                 </table>
                         {{-- Process All Button --}}

                         <div class="d-flex justify-content-end mb-3" style="margin-right: 30px;">
                             <form  method="POST" action="{{ route('journal.processall') }}" style="display:inline;">
                              @csrf
                              <input type="hidden" name="type" value="{{ $Jts[0]->Source ?? '' }}">
                              <input type="hidden" name="code" value="{{ $Jts[0]->Code ?? '' }}">
                              <button type="submit"
                                class="btn btn-success btn-sm rounded-1 px-2 py-1"
                                id="process-all-btn"
                                data-bs-toggle="tooltip"
                                data-bs-placement="top"
                                title="Process All">
                                <i class="fas fa-check me-1"></i> Process All
                              </button>
                             </form>
                        </div>

                </div>
            </div>

        </div>
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                const tooltipTriggerList = Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
                tooltipTriggerList.forEach(el => new bootstrap.Tooltip(el))
            })
            </script>
            <script>
                function editAccountType(event, id, account, narr,  reff, amount, tr, Currency) {
                        event.preventDefault();
                        setFormValues(id, account, narr,  reff, amount, tr, Currency, 'Edit Journal', 'Edit', '{{route("editjournaltrans")}}');
                    }

                function setFormValues(id, account, narr, reff, amount, tr, Currency, headerText, buttonText, action) {
                    document.getElementById('accountId').value = id;
                    document.getElementById('account').value = account;
                    document.getElementById('narr').value = narr;
                    document.getElementById('reff').value = reff;
                    document.getElementById('amount').value = parseFloat(amount).toFixed(2); // Format to 2 decimal places
                    // Set DR/CR and Amount
                    document.getElementById('tr').value = tr; // 'DR' or 'CR'
                    document.getElementById('curr').value = Currency;
                     // Safely handle account_to field (only exists for General journals)
                    document.getElementById('formHeader').innerText = headerText;
                    document.getElementById('submitButton').value = buttonText;
                    document.getElementById('accountTypeForm').action = action;
                }
                function confirmCancel(id) {
                Swal.fire({
                    title: 'Cancel Transaction?',
                    text: 'Are you sure you want to cancel this transaction?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, cancel it',
                    cancelButtonText: 'No, keep it'
                }).then((result) => {
                    if (result.isConfirmed) {
                    // Step 1: Fetch the template URL with placeholder
                    let actionUrl = "{{ route('canceljournaltrans', ['ID' => ':ID', 'Type' => $JournalType]) }}";
                    // Step 2: Replace the placeholder with actual ID (JS)
                    actionUrl = actionUrl.replace(':ID', id);

                    // Build and submit the form with DELETE + CSRF
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = actionUrl;
                    form.innerHTML = `
                        @csrf
                        @method('DELETE')
                    `;
                    document.body.appendChild(form);
                    form.submit();
                    }
                });
                }

            </script>

@endsection