@extends('layouts.app')

@section('title', \App\CPU\translate('Movement List'))
@push('css_or_js')
    <link rel="stylesheet" href="{{ asset('assets') }}/css/bootstrap-datepicker.min.css" />
@endpush

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <div id="kt_app_content_container" class="app-container container-xxxl">
            @include('includes.breadcrumb', [
                'title' => 'Movement List',
                'model' => 'Movement',
                'sub_model' => 'List',
                'model_object' => null,
            ])
            <div class="card">
                <div class="card-header justify-content-end">
                    <div class="d-flex align-items-center gap-2 gap-lg-3">
                        {{-- display --}}
                        @include('newIncludes.linkBtn', [
                            'route' => route('admin.movement.create'),
                            'title' => 'Create',
                            'classes' => 'btn btn-sm fw-bold btn-primary',
                        ])
                        @include('newIncludes.linkBtn', [
                            'route' => '#7',
                            'title' => 'Search',
                            'iconClass' => 'fas fa-search',
                            'classes' => 'filterBtn btn btn-sm fw-bold btn-primary',
                            'attributes' => [
                                'data-form_id' => 'searchForm',
                            ],
                        ])

                        @include('newIncludes.exportBtn', [
                            'route' => route(
                                'admin.movement.exportHeaders',
                                array_merge(['action' => 'export'], request()->all())),
                        ])
                    </div>
                </div>
                <div class="card-header justify-content-center pt-5">
                    <form class="row w-100" action="{{ url()->current() }}" method="GET" id="searchForm">
                        <div class="row col-12">
                            <div class="row col-12 align-items-center">
                                <div class="col-4 form-floating mb-7 p-1">
                                    @include('newIncludes.select', [
                                        'col' => '4',
                                        'name' => 'search_request_no',
                                        'id' => 'search_request_no',
                                        'label' => 'request number',
                                        'required' => false,
                                        'data' => $requests_no,
                                        'nested' => false,
                                        'value' => request()->search_request_no,
                                    ])
                                </div>
                                <div class="col-4 form-floating mb-7 p-1">
                                    @include('newIncludes.select', [
                                        'col' => '4',
                                        'name' => 'search_status',
                                        'id' => 'search_status',
                                        'label' => 'Status',
                                        'required' => false,
                                        'data' => $status,
                                        'nested' => false,
                                        'value' => request()->search_status,
                                    ])
                                </div>
                                {{-- <div class="col-4 form-floating mb-7 p-1">

                                    @include('newIncludes.select', [
                                        'col' => '4',
                                        'name' => 'search_customer_no',
                                        'id' => 'search_customer_no',
                                        'label' => 'Customer Number',
                                        'required' => false,
                                        'data' => [],
                                        'nested' => false,
                                    ])
                                </div> --}}
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body justify-content-center pt-5">
                    <div id="kt_customers_table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer"
                        style="overflow-x:auto">
                        <table class="table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer">
                            <thead>
                                <tr class="text-start text-gray-400 fw-bold fs-7  gs-0">
                                    {{-- <th>
                                        {{ \App\CPU\translate('Seq#') }}
                                    </th> --}}
                                    <th>{{ \App\CPU\translate('Request#') }}</th>
                                    <th>{{ \App\CPU\translate('vendor') }}</th>
                                    <th>{{ \App\CPU\translate('business') }}</th>
                                    <th>{{ \App\CPU\translate('status') }}</th>
                                    {{-- <th>{{ \App\CPU\translate('Amount') }}</th> --}}
                                    <th>{{ \App\CPU\translate('Reference Order Number') }}</th>
                                    <th>{{ \App\CPU\translate('Creation Date') }}</th>
                                    <th>{{ \App\CPU\translate('View Details') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($movement))
                                    @foreach ($movement as $movement_index => $mov)
                                        <tr>
                                            <td>{{ $mov['request_no'] }}</td>
                                            <td>{{ $mov['vendor_no'] }}</td>
                                            <td>{{ $mov['business'] }}</td>
                                            <td>{{ $mov['status'] }}</td>
                                            {{-- <td>{{ $mov->TotalAmount }}</td> --}}
                                            <td>{{ $mov['movement_order_number'] }}</td>
                                            <td>{{ Carbon\Carbon::parse($mov['created_at'])->format('d-m-Y') }}</td>
                                            <td>
                                                <a href="{{ route('admin.movement.details', $mov['id']) }}"
                                                    class="btn btn-sm btn-icon btn-bg-light btn-active-color-primary w-30px h-30px">
                                                    @include('includes.detailsArrowIcon')
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="table-responsive mt-4">
                    {{-- <div class="d-flex justify-content-lg-end">
                            {{ $destructionRequest->links() }}
                        </div> --}}
                </div>
                {{-- @if (count($destructionRequest) == 0)
                        <div class="text-center p-4">
                            <p class="mb-0">{{ \App\CPU\translate('No_data_to_show') }}</p>
                        </div>
                    @endif --}}
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $('.filterBtn').on('click', function() {
            var form = $(this).data('form_id');
            $('#' + form).submit();
        })
    </script>
@endpush