@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos') => '#',
            __('breadcrumb.daily_sales') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'pos.sales-days'])
@endsection

@section('content')
    <div>
        <div class="d-flex justify-content-between">
            <h4>كشف حركات مبيعات يوم {{ $box_day->day_date }}</h4>

            @if ($postingType === 'per_day' && is_null($box_day->started_fotara_at))
                <form action="{{ route('tenant.pos.sales-days.postToFotara', ['box_day' => $box_day->id]) }}" method="post">
                    @csrf
                    <button class="btn orange-btn post-fotara-day-btn">ترحيل إلى فوترة</button>
                </form>
            @endif
        </div>

        <table class="table table-bordered table-striped mt-3">
            <thead>
                <tr>
                    <th>نوع الحركة</th>
                    <th>رقم الحركة</th>
                    <th>التاريخ</th>
                    <th>الكاشير</th>
                    <th>الفرع</th>
                    <th>العميل</th>
                    <th>الملغ الإجمالي</th>
                </tr>
            </thead>

            <tbody>

                @forelse ($actions as $action)
                    <tr>
                        <td>{{ $action['bond_title'] }}</td>
                        <td>{{ $action['bond_id'] }}</td>
                        <td>{{ $action['created_at'] }}</td>
                        <td>{{ $action['user_name'] }}</td>
                        <td>{{ $action['branch'] }}</td>
                        <td>{{ $action['client_name'] }}</td>
                        <td>{{ dn(abs($action['total_amount'])) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="100%"> @lang('pos/sales-days/index.no_results')</td>
                    </tr>
                @endforelse
            </tbody>
            <tfoot>
                <td>المجموع</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>{{dn( $total)}}</td>
            </tfoot>
        </table>
    </div>
@endsection

@push('script')
    <script>
        $(() => {
            $('.post-fotara-day-btn').on('click', function(e) {
                e.preventDefault();
                const form = $(this).closest('form');

                $.confirm({
                    title: 'ترحيل إلى نظام فوترة',
                    content: 'هل انت متأكد, لن يتم التراجع عن الحركة !',
                    type: 'green',
                    buttons: {
                        ok: {
                            text: $lang('general.yes'),
                            btnClass: 'btn yellow-btn',
                            keys: ['enter'],
                            action: () => {
                                form.trigger('submit');
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: 'btn-default',
                            keys: ['esc'],
                        }
                    },
                });
            });
        });
    </script>
@endpush