@include('components/header')
@include('components/sidebar')
<style>
.select2-selection__rendered {
    display: none;
}
</style>
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>Perfomance Review Form Allocation</h2>
        <div class="viewAll mr-4">
            <a href="/admin_dashboard" class="viewAllBtn">
                <button class="btn btn-danger mr-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="feather feather-arrow-left">
                        <line x1="19" y1="12" x2="5" y2="12"></line>
                        <polyline points="12 19 5 12 12 5"></polyline>
                    </svg> Back
                </button>
            </a>
        </div>
    </div>
    <div class="layout-px-spacing">
        <!-- Start Main Profile -->
        <div class="row layout-top-spacing">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="modal-footer"></div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="border-0">
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab-7">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12 col-md-12 layout-spacing">
                                            <form id="eow-form" class="section eow" action="/prc_form" method="post">
                                                {{csrf_field()}}
                                                <div class="eowDetails">
                                                    <div class="row justify-content-around form_allocation_data">
                                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                                            <div class="form-group">
                                                            <label for="name">Supervisor Name</label><br>
                                                                <select class="form-control basics" name="allocation[0]" id="prc_allocation" onchange="hideOption()">
                                                                    <option selected>Select Allocation Name</option>
                                                                    @foreach($employee as $e)
                                                                        <option value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}} ({{$e->id}}) </option>
                                                                    @endforeach
                                                                </select>
                                                                <span class="text-danger">
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <select class="form-control d-none" id="employee_name_clone" name="emp_name[0]">
                                                            <option selected>Select Employee Name</option>
                                                            @foreach($employee as $e)
                                                                <option value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}} ({{$e->id}}) </option>
                                                            @endforeach
                                                        </select>
                                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                                            <div class="form-group d-flex flex-column">
                                                                <label for="name">Employee Name</label>
                                                                <select class="form-control employee_name basics" onchange="hideSelected(this)" id="employee_name" name="emp_name[0]">
                                                                    <option selected>Select Employee Name</option>
                                                                    @foreach($employee as $e)
                                                                        <option value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}} ({{$e->id}}) </option>
                                                                    @endforeach
                                                                </select>
                                                                <span class="text-danger">
                                                                </span>
                                                            </div>
                                                        </div>                                                     
                                                        
                                                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12">
                                                            <div class="form-group">
                                                                <label for="name">Forms</label>
                                                                <select name="form_name[0]" id="dept" class="form-control basic basics dept">
                                                                    <option>Select Form</option>
                                                                </select>
                                                                <span class="text-danger">
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-1 col-lg-6 col-md-6 col-sm-12 col-12 align-self-end">
                                                            <div class="form-group">
                                                                <button class="btn btn-primary" type="button" onclick="addRow()"> + </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 eowApply justify-content-center d-flex text-center">
                                                        <div class="mt-4">
                                                            <button class="btn pmd-ripple-effect btn-success pmd-btn-raised mr-3" id="prc_submit" type="button">Submit</button>
                                                        </div>
                                                        <div class="mt-4">
                                                            <a href="{{url('prc_form')}}"><button class="btn pmd-ripple-effect btn-primary pmd-btn-raised"  id="prc_submit" type="button">Reset</button></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Main Profile -->
        </div>
        
@include('components/footer')
@if(session('done'))
    <script type="text/javascript">
        swal.fire({
            title: "