@extends('layouts.organization.app')
@section('content')
<style>
.show-amazing{
    background: #ffffff;
    border-color: #bcb1b1;
    font-size: 12px;
    color: #000000!important;
    padding: 1px 4px;
    text-align: left;
}
</style>
<div class="main-panel">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-header">
                        <h5 class="">Hiring Status ? {{$empdetails->salutation}} {{$empdetails->first_name}} {{$empdetails->middle_name}} {{$empdetails->last_name}}</h5>
                    </div>
                    <div class="card-body">
                        <form class="forms-sample row" action="{{url('hiring-status-approval')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Select Status Type Name</label>
                                    <input type="hidden" name="id" value="@if(!empty($update->id)){{$update->id}}@endif">
                                    <input type="hidden" name="candidate_id" value="{{$empdetails->id}}">
                                    <select id="status_id" name="status_id" class="form-control status_id" required>
                                    <option value="">--Select--</option>
                                    @if(!empty($result))
                                        @foreach($result as $row)
                                        <option value="{{$row->id}}" @if(!empty($update->status_id)) @if($update->status_id==$row->id) selected @endif @endif>{{$row->status_name}}</option>
                                        @endforeach
                                    @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <label>Select Status</label>
                                    <select name="approval" class="form-control approval" required>
                                    <option value="">--Select--</option>
                                        <option value="1" @if(!empty($update->status_id)) @if($update->status_id==$row->id) selected @endif @endif>Approved</option>
                                        <option value="2" @if(!empty($update->status_id)) @if($update->status_id==$row->id) selected @endif @endif>Rejected</option>
                                        <option value="3" @if(!empty($update->status_id)) @if($update->status_id==$row->id) selected @endif @endif>Forwarded</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3 show_hide_office" style="display:none">
                                <div class="form-group">
                                    <label>Office Name</label>
                                    <select id="office_id" name="office_id[]"  onchange="get_office()" class="form-control office_id" multiple style="width:100%">
                                    <option value="" disabled>--Select--</option>
                                    @if(!empty($office))
                                        @foreach($office as $row)
                                        <option value="{{$row->id}}" @if(!empty($update->office_id)) @if($update->office_id==$row->id) selected @endif @endif>{{$row->office_name}}</option>
                                        @endforeach
                                    @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-3 show_hide_office" style="display:none">
                                <div class="form-group">
                                    <label>Employee Name</label>
                                    <select id="employee_id" name="employee_id[]" class="form-control employee_id" multiple style="width:100%">
                                    <option value="">--Select--</option>
                                    
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="multi-field-wrapper" style="margin-top: 12px;">
                                    <div class="multi-fields">
                                        <div class="multi-field">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <lable>Document Title</lable>
                                                        <input type="text" name="filename[]" class="form-control" placeholder="Enter Documnet Title" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-6" style="width:40%;flex: 0 0 40%;">
                                                    <div class="form-group">
                                                        <lable>Select Document</lable>
                                                        <input type="file" name="upload_document[]" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="button" class="remove-field btn-danger btn-sm float-right" style="width:7%;margin-top: -60px;padding: 0.3rem 0rem;"><i class="fa fa-trash"></i></button>
                                        </div>
                                    </div>
                                    <button type="button" class="add-field remove-field btn-success btn-sm" style="padding: 0rem 2.5rem"><i class="fa fa-plus"></i> Add More</button><br>
                                </div>
                            </div>
                            <div class="col-sm-6">
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group" style="margin-top: 15px;"> 
                                    <button type="submit" class="btn btn-primary btn-sm  mr-2">Submit</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-header card-height">
                        <div class="row">
                            <div class="col-md-12 col-12">
                                <h5 class="">Hiring Status List ? {{$empdetails->salutation}} {{$empdetails->first_name}} {{$empdetails->middle_name}} {{$empdetails->last_name}}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <table id="examples" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Status Type Name</th>
                                    <th>Status</th>
                                    <th>Office Name</th>
                                    <th>Employee Name</th>
                                    <th>Document Download</th>
                                    <th>Approved By & Updated On</th>
                                    <th>Created At</th>
                                </tr>
                            </thead>
                            <body>
                                @if(!empty($rowdata))
                                    @foreach($rowdata as $rows)
                                    @php $user_id = Auth::user()->id; @endphp
                                        <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td>{{$rows->status_name}}</td>
                                            <td>@if($rows->status==1) Approved @elseif($rows->status==2) Rejected @elseif($rows->status==3) Forwarded @endif</td>
                                            <td>
                                            ------------                                            </td>
                                            <td>
                                            ------------                                            </td>
                                            <td>