@extends(AdminBaseDashboard::AdminBaseLayout())

@section('title', trans('memo::memo.All customer Memo List'))


@section('content')

    <section id="ps-list-content">
        <div class="ps-list-content-wrapper">
            <div class="breadcrumb-wraper">
                <ul class="breadcrumb">
                    <li><a href="{{ route('dashboard')}}" class="active bread-link">
                            <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('memo::memo.home') }}</a></li>
                    <li>{{ __('memo::memo.all memo') }}</li>
                </ul>
            </div>
        </div>

        <div class="ps-list-wrapper">
            <div class="table-responsive">
                <table id="list-table" class="table list-table table-striped table-hover table-bordered">
                    <thead>
                    <tr>
                        <th>#ID</th>
                        <th scope="col" width="10%">{{__('memo::memo.date')}}</th>
                        <th scope="col">{{__('memo::memo.memo number')}}</th>
                        <th scope="col">{{__('memo::memo.customer name')}}</th>
                        <th scope="col">{{__('memo::memo.customer po')}}</th>
                        <th scope="col">{{__('memo::memo.staff')}}</th>
                        <th scope="col">{{__('memo::memo.amount')}}</th>
                        <th scope="col">{{__('memo::memo.action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(count($memo) > 0)
                        @foreach($memo as $data)

                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ date(AdminBaseDashboard::format_date(), strtotime($data->date)) }}</td>
                                <td>{{$data->credit_memo_number}}</td>
                                <td>{{ $data->memo_customer->customer_name }}</td>
                                <td>{{ $data->memo_customer->mobile }}</td>
                                <td> {{ $data->clerk->Name }}</td>
                                <td>{{ AdminBaseDashboard::format_payment($data->payment->refund_amount) }}</td>
                                <td>
                                    <a href="{{ route('preview-credit-note', ['id' => $data->id])}}" class="btn edit-btn" target="_blank"><i class="fa-solid fa-print me-2"></i>{{ __('memo::memo.print') }}</a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>

    </section>

@endsection

@section('javascript')
    <script>
        $(document).ready(function(){
            $(document).on('change', '#period', function(){
                var val = $(this).val();
                if(val == 'custom'){
                    $('#start_date').prop('disabled', false);
                    $('#end_date').prop('disabled', false);
                }else{
                    $('#start_date').prop('disabled', true);
                    $('#end_date').prop('disabled', true);
                }
            });
        });
    </script>
@endsection