@extends('layout')
@section('content')

@section('pageTitle')
    View Hire Requests
@stop
<link rel="stylesheet" href="{{ asset('/css/mysummer.css') }}">
<div id="request-config" style="display:none;">
    {{ json_encode($data) }}
</div>

<div id="users-roles" style="display:none;">
    {{ json_encode($user_roles) }}
</div>

<div id="role_fields" style="display:none;">
    {{ json_encode($role_fields) }}
</div>

<button type="button" class="btn mr-2 mb-2 btn-primary" data-toggle="modal" data-target="#exampleModal">
    Search For Hire Request
</button>

<a href="/manage/ehire/clear" class="btn mr-2 mb-2 btn-primary">
    Clear Filter
</a>


<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="post" action="/manage/ehire/search">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Search for EHire Requests Filter</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                    @csrf
                <div class="mb-3 card">
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="tabs-eg-77">
                                    <div class="row" >
                                        <div class="form-group col-md-6">
                                            <div><label>First Name</label></div>
                                            <input type="text" name="instructor_first_name" class="form-control form-control-sm" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label>Last Name</label>
                                            <input type="text" name="instructor_last_name" class="form-control form-control-sm" />
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div><label>Hire Type</label></div>
                                            <select name="hire_request_type_id"class=" form-control form-control-sm">
                                                <option></option>
                                                <option value="1">
                                                    Instructor
                                                </option><option value="2">
                                                    Graduate Student Instructor (GSI)
                                                </option><option value="3">
                                                    GSI - Acting Instructor
                                                </option><option value="4">
                                                    Hourly
                                                </option></select>
                                        </div>
                                    </div>

                                    <div class="row mt-4">
                                        <div class="form-group col-md-6">
                                            <h6>Results By</h6>
                                            <div><label>Hire Type</label>
                                                <input type="radio" name="group_by[]" value="hy.name" /></div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <input type="submit" class="btn btn-primary" value="Search" />
            </div>
            </form>
        </div>
    </div>
</div>

<div id="status-app">
    <div class="row">
        <div class="col-md-12">
            <div id="accordion" class="accordion-wrapper">
                <router-view name="content"></router-view>
            </div>
        </div>
    </div>
</div>
@stop