@extends('layouts.app')

@section('content')
<div class="pagetitle">
    <h1>{{ __('reports.gl_manage.journal.details') }}: {{ $entry->entry_no }}</h1>
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/admin">{{ __('Home') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('gl.journal.index') }}">{{ __('reports.gl_manage.journal.title') }}</a></li>
            <li class="breadcrumb-item active">{{ $entry->entry_no }}</li>
        </ol>
    </nav>
</div>

<div class="card">
    <div class="card-body pt-3">
        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="row mb-3">
            <div class="col-md-3"><b>{{ __('reports.gl_manage.columns.entry_no') }}:</b> {{ $entry->entry_no }}</div>
            <div class="col-md-3"><b>{{ __('reports.fields.date') }}:</b> {{ $entry->entry_date }}</div>
            <div class="col-md-3">
                <b>{{ __('reports.gl_manage.columns.status') }}:</b>
                @if($entry->status==='draft')
                    <span class="badge bg-warning text-dark">{{ __('reports.gl_manage.labels.draft') }}</span>
                @elseif($entry->status==='posted')
                    <span class="badge bg-success">{{ __('reports.gl_manage.labels.posted') }}</span>
                @else
                    <span class="badge bg-secondary">{{ __('reports.gl_manage.labels.void') }}</span>
                @endif
            </div>
            <div class="col-md-3"><b>{{ __('reports.gl_manage.columns.posted_at') }}:</b> {{ $entry->posted_at ?? '—' }}</div>
        </div>

        <div class="mb-3">
            <b>{{ __('reports.gl_manage.columns.description') }}:</b> {{ $entry->description ?? '—' }}
        </div>

        <div class="d-flex gap-2 mb-3">
            @if($entry->status === 'draft')
                <a class="btn btn-outline-primary" href="{{ route('gl.journal.edit', $entry) }}">
                    <i class="bi bi-pencil"></i> {{ __('reports.gl_manage.actions.edit') }}
                </a>
                <form method="POST" action="{{ route('gl.journal.post', $entry) }}" class="d-inline"
                      onsubmit="return confirm('{{ __('reports.gl_manage.confirm.post_entry') }}')">
                    @csrf
                    <button class="btn btn-success" type="submit">
                        <i class="bi bi-check2-circle"></i> {{ __('reports.gl_manage.actions.post') }}
                    </button>
                </form>
            @endif

            @if($entry->status !== 'void')
                <button class="btn btn-outline-danger" type="button" data-bs-toggle="modal" data-bs-target="#voidModal">
                    <i class="bi bi-slash-circle"></i> {{ __('reports.gl_manage.actions.void') }}
                </button>
            @endif
        </div>

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{{ __('reports.columns.code') }}</th>
                        <th>{{ __('reports.columns.account') }}</th>
                        <th>{{ __('reports.gl_manage.columns.memo') }}</th>
                        <th>{{ __('reports.columns.debit') }}</th>
                        <th>{{ __('reports.columns.credit') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @php $td = 0; $tc = 0; @endphp
                    @foreach($entry->lines as $l)
                        @php $td += $l->debit; $tc += $l->credit; @endphp
                        <tr>
                            <td>{{ $l->account->code ?? '' }}</td>
                            <td>{{ app()->getLocale() === 'ar' ? ($l->account->name_ar ?? '') : ($l->account->name_en ?? '') }}</td>
                            <td>{{ $l->description }}</td>
                            <td>{{ number_format($l->debit, 2) }}</td>
                            <td>{{ number_format($l->credit, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="3" class="text-end">{{ __('reports.labels.totals') }}</th>
                        <th>{{ number_format($td, 2) }}</th>
                        <th>{{ number_format($tc, 2) }}</th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

<!-- Void Modal -->
<div class="modal fade" id="voidModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <form method="POST" action="{{ route('gl.journal.void', $entry) }}">
        @csrf
        <div class="modal-header">
          <h5 class="modal-title">{{ __('reports.gl_manage.actions.void') }}: {{ $entry->entry_no }}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">{{ __('reports.gl_manage.fields.void_reason') }}</label>
            <input type="text" name="reason" class="form-control" maxlength="255" placeholder="{{ __('reports.gl_manage.placeholders.void_reason') }}">
          </div>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" name="create_reversal" value="1" id="create_reversal" checked>
            <label class="form-check-label" for="create_reversal">
              {{ __('reports.gl_manage.actions.create_reversal') }}
            </label>
          </div>
          <div class="small text-muted mt-2">{{ __('reports.gl_manage.hints.void_reversal') }}</div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('reports.gl_manage.actions.cancel') }}</button>
          <button type="submit" class="btn btn-danger">{{ __('reports.gl_manage.actions.confirm_void') }}</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection