@extends('layouts.master')
@section('title', 'Product Stock History')

@section('style')
    <style>
        /* table.dataTable thead th {
                                        text-align: center;
                                    } */
    </style>
@endsection

@section('script')
    <script></script>
@endsection


@section('content')
    @include('layouts.sidebar')
    @include('layouts.header-sub')

    <section class="wrapper bg-light">
        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                {{-- <a href="{{ url()->previous() }}" class="btn btn-secondary mb-3">← Back</a> --}}

                                {{-- Product Info --}}
                                <div class="mb-4">
                                    <h4>{{ $product->product_name }}</h4>
                                    <p>Stock: {{ $product->product_current_stock }}</p>
                                </div>

                                <div class="row mb-4">
                                    <div class="col-md-4">
                                        <div class="alert alert-info">
                                            Current Stock: {{ $product->product_current_stock }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="alert alert-success">
                                            Total IN: {{ $stock_logs->where('qty_change', '>', 0)->sum('qty_change') }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="alert alert-danger">
                                            Total OUT:
                                            {{ abs($stock_logs->where('qty_change', '<', 0)->sum('qty_change')) }}
                                        </div>
                                    </div>
                                </div>

                                {{-- Stock Movement --}}
                                <h5 class="mb-3">Stock Movement History</h5>

                                <div class="table-responsive">
                                    <table class="table table-bordered align-middle">
                                        <thead class="table-light">
                                            <tr>
                                                <th>Date</th>
                                                <th>Type</th>
                                                <th>Before</th>
                                                <th>Change</th>
                                                <th>After</th>
                                                <th>User</th>
                                                <th>Remark</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse($stock_logs as $log)
                                                <tr>
                                                    {{-- Date --}}
                                                    <td>
                                                        {{ \Carbon\Carbon::parse($log->created_at)->format('d M Y H:i') }}
                                                    </td>

                                                    {{-- Action Type --}}
                                                    <td>
                                                        @if ($log->action_type == 'in')
                                                            <span class="badge bg-success">IN</span>
                                                        @elseif($log->action_type == 'out')
                                                            <span class="badge bg-danger">OUT</span>
                                                        @else
                                                            <span class="badge bg-secondary">
                                                                {{ strtoupper($log->action_type) }}
                                                            </span>
                                                        @endif
                                                    </td>

                                                    {{-- Before --}}
                                                    <td>{{ $log->qty_before }}</td>

                                                    {{-- Change --}}
                                                    <td>
                                                        @if ($log->qty_change > 0)
                                                            <span
                                                                class="text-success fw-bold">+{{ $log->qty_change }}</span>
                                                        @else
                                                            <span class="text-danger fw-bold">{{ $log->qty_change }}</span>
                                                        @endif
                                                    </td>

                                                    {{-- After --}}
                                                    <td>{{ $log->qty_after }}</td>

                                                    {{-- User --}}
                                                    <td>
                                                        {{ $log->user_fullname ?? '-' }}
                                                    </td>

                                                    {{-- Remark --}}
                                                    <td>{{ $log->remark ?? '-' }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="7" class="text-center">No stock history</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>

    @include('layouts.footer')
@endsection