@extends('admin.layout.master')
@section('title', 'Work Order Management')
@section('custom_style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote.css')}}" />
@endsection
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s">
            <h4>
                {{ __('obs.work_order_list') }}
            </h4>
        </div>
        <div class="card-body">
            <div class="row mb-1">
                <div class="col-md-2 col-4">
                    <div class="px-0">
                        <label for="cost_center_id">{{ __('obs.cost_center') }}</label>
                    </div>
                    <div class="px-0 d-flex">
                        <select name="cost_center_id" id="cost_center_id" class="form-control select_2">
                            <option value="">All</option>
                            @foreach ($costcenters as $costcenter)
                                <option value="{{ $costcenter->id }}">{{ $costcenter->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-2">
                    <div class="px-0">
                        <label for="status">{{ __('obs.customer') }}</label>
                    </div>
                    <div class="px-0 d-flex">
                        @include('v2.inventory.global.party_live_dd', [
                            'type' => 2, // 1 = vendor, 2 = customer
                            'cls' => 'p',
                            'id' => 'party_id',
                            'name' => 'party_id',
                            'selected_party' => null,
                            'skip_add_new' => 1
                        ])
                    </div>
                </div>
                <div class="col-md-3 col-4">
                    <div class="input-group">
                        <label class="">{{ __('obs.date') }}</label>
                        <div class="input-group input-group-append d-flex align-items-center gap-2">
                            {!! getDateInput('start_date', 'start_date', Request()->start_date) !!}
                            <label class="">{{ __('obs.date_to') }}</label>
                            {!! getDateInput('end_date', 'end_date', Request()->end_date) !!}
                            <button type="button" onclick="loadData()" style="height: 24px; margin-left: -2px"
                                class="btn btn-sm btn-pill btn-sm btn-hover btn-danger">
                                <i class="fa fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12" id="tbl_body">

        </div>
    </div>
@endsection
@section('script')
    <script>
        function loadData() {
            let payload = {
                cost_center_id: $('#cost_center_id').val(),
                party_id: $('#party_id').val(),
                start_date: $('#start_date').val(),
                end_date: $('#end_date').val(),
            };
            ajaxCall("{{ route('inventory.pre_sells.work_order.index') }}", "GET", payload, (res)=> {
                $('#loader').hide();
                $('#tbl_body').html(res.html);
            }, (errors)=> {
                console.log(errors);
            });
        }
    </script>
@endsection