@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">App Date Select</div>
                <form id="getData" method="POST">
                <div class="card-body">
                    <div class='text-right'>
                    </div>
                    <div class='row'>
                        <div class='col-md-4'>
                            <label>Department</label>
                            <select class='form-control input-sm' name="department_id" id="departmentId">
                                <option>Choose One</option>
                                @foreach ($departments->chunk(50) as $row)
                                    @foreach ($row as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach

                                @endforeach

                            </select>
                        </div>
                        <div class='col-md-4'>
                            <label>Designation</label>
                            <select onclick="search(this.value)" name="designation_id" class='form-control input-sm' id="designationId">
                                <option>Choose One</option>
                                @foreach ($designations->chunk(50) as $row)
                                    @foreach ($row as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                    @endforeach
                                @endforeach

                            </select>
                        </div>
                        <div class='col-md-4'>
                            <label>Status</label>
                            <select class="form-control input-sm" name="status" id="status">
                                <option value="1">Active</option>
                                <option value="2">Inactive</option>
                            </select>
                        </div>
                        <div class='col-md-12 text-center mt-3'>
                        </div>
                    </div>
                    <div class='row'>
                        <div class="col-md-8">

                        </div>
                        <div class="col-md-2">
                            <label>P.A Form</label>
                            <select class="form-control" id="paform_id" name="paform_id">
                                @foreach ($pa_form->chunk(100) as $row)
                                    @foreach ($row as $item)
                                        <option value="{{ $item->id }}">{{ $item->title }}</option>
                                    @endforeach
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label>Date:</label>
                            <input type="date" class="form-control" name="date" id="Date"/>

                        </div>
                    </div>
                    <table class="display datatable table table-stripped table-bordered mt-3" id="dataResult">
                        <thead>
                            <tr>
                                <th>Sl</th>
                                <th>Emp</th>
                                <th>Department</th>
                                <th>Designation</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                    <div class='col-md-12 text-center mt-3'>
                        <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    </div>
    <script src="{{ asset('/') }}payroll_assets/perform_appriasal/appdate/select_app_date.js"></script>
@endsection