@extends('admin.layout.master')
@section('title', 'Hourly Production')
@section('content')
    <div class="card sina-card">
        <div class="d-flex justify-content-between card-header card-header-s">
            <div class="d-flex align-items-start">
                <h4>Hourly Production</h4>
            </div>
            <div class="d-flex justify-content-end p-0">
                <a href="{{ route('inventory.hourly_production.create') }}" class="btn btn-primary btn-sm">Create</a>
                @include('inventory.global.report_print_excel_button')
            </div>
        </div>

        <div class="card-body">
            <form id="form">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3">
                            <label>Party <span style="color: red">*</span></label>
                            <select name="party_id" id="party" class="select_2 form-control">
                                <option value="">Choose One</option>
                                @foreach ($parties as $party)
                                    <option value="{{ $party->id }}">{{ $party->name_eng }}</option>
                                @endforeach
                            </select>
                            <input type="hidden" value="" name="edit_id" id="edit_id" />
                        </div>

                        <div class="col-lg-3">
                            <label>Supervisor <span style="color: red">*</span></label>
                            <select name="supervisor_id" id="supervisor" class="select_2 form-control">
                                <option value="">Choose One</option>
                                @foreach ($supervisors as $supervisor)
                                    <option value="{{ $supervisor->id }}">{{ $supervisor->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-3">
                            <label>Style <span style="color: red">*</span></label>
                            <select name="style_id" id="style" class="select_2 form-control">
                                <option value="">Choose One</option>
                                @foreach ($styles as $style)
                                    <option value="{{ $style->id }}">{{ $style->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <label>Line <span style="color: red">*</span></label>
                            <select name="line_id" id="line" class="select_2 form-control">
                                <option value="">Choose One</option>
                                @foreach ($lines as $line)
                                    <option value="{{ $line->id }}">{{ $line->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <label>Date <span style="color: red">*</span></label>
                            <input type="text" value="{{ date('d-m-Y') }}" name="date" id="date" class="form-control date_picker" />
                        </div>
                        <div class="col-lg-1">
                            <label class="w-100">&nbsp;</label>
                            <button type="button" onclick="checkExist()"
                                class="btn btn-primary btn-sm py-1">Search</button>
                        </div>

                        <div class="col-lg-12" id="report_detail">

                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('.select_2').select2();

        });

        function checkExist() {
            let party = $('#party').val();
            let date = $('#date').val();
            let supervisor = $('#supervisor').val();
            let style = $('#style').val();
            let line = $('#line').val();

            let linkUrl = "{{ route('inventory.hourly_production.report') }}";
            let int_data_param = {
                party_id: party,
                date: date,
                supervisor_id: supervisor,
                style_id: style,
                line_id: line,
            };

            ajaxCallV2(linkUrl, 'GET', int_data_param, function(data) {
                $('#loader').hide();
                $('#report_detail').html(data);
            }, function(error) {
                $('#loader').hide();
            });

        }
    </script>
@endsection