@extends('employer.layouts.app')
@section('content')
@component('employer.layouts.partials.breadcrumbs', ['breadcrumbs' => $breadcrumbs])
@endcomponent

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title float-left m-2">Assign Deduction</h6>
                <button name="reject" type="submit" value="" class="btn btn-success m-3 float-right" title="ADD" data-toggle="modal" data-target="#assigndeduction">
                    ADD
                </button>

                <!-- Add Modal -->
                <div class="modal fade" id="assigndeduction" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Add Deduction</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form method="POST" action="{{ route('employer.assigndeduction.store') }}">
                                @csrf
                                <div class="modal-body">
                                @include('general.form_data')
                                    <div class="form-group">
                                        <label for="reply_message">Deduction Type</label>
                                        <select name="deduction" id="">
                                            <option disabled="disabled" selected>Select Deduction</option>
                                            @foreach($deductions as $deduction)
                                            <option value="{{$deduction->id}}">{{$deduction->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="reply_message">Deduction Amount</label>
                                        <input type="number" step=any class="form-control" name="rate" required>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-success">ADD</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- Add Modal Ends -->
                <div class="table-responsive">
                    <table id="dataTableExample" class="table">
                        <thead>
                            <tr>
                                <th>Sl #</th>
                                <th>Employee ID</th>
                                <th>Name</th>
                                <th>Deduction Type</th>
                                <th>Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($assign_deductions as $assign_deduction)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>@isset($assign_deduction->employee->employee_id)
                                    {{ $assign_deduction->employee->employee_id}}
                                    @endisset
                                </td>
                                <td>@isset($assign_deduction->employee->first_name)
                                    {{ $assign_deduction->employee->first_name.' '.$assign_deduction->employee->last_name.'' }}
                                    @endisset
                                </td>
                                <td>@isset($assign_deduction->deduction->name)
                                    {{ $assign_deduction->deduction->name }}
                                    @endisset
                                </td>
                                <td>{{ $assign_deduction->rate }}</td>
                                <td>
                                    <div class="btn-group" role="group" aria-label="Basic example">

                                        <button name="reject" type="submit" value="2" class="text-warning mr-2" title="Reject" data-toggle="modal" data-target="#assigndeductionupdate{{$assign_deduction->id}}">
                                            <i data-feather="edit"></i>
                                        </button>



                                        <!-- Send Reply Modal -->
                                        <div class="modal fade" id="assigndeductionupdate{{$assign_deduction->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Update Deduction</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <form method="POST" action="{{ route('employer.assigndeduction.update', $assign_deduction->id) }}">
                                                        @csrf
                                                        @method('PUT')
                                                        <div class="modal-body">
                                                            <div class="form-group">
                                                                <label for="reply_message">User</label>
                                                                <select name="employee_id" disabled>
                                                                    <option disabled="disabled">Select User</option>
                                                                    @foreach($users as $user)
                                                                    <option {{ old('employee_id', $user->id)==$assign_deduction->user_id ? "selected" : "" }} value="{{$user->id}}" disabled="disabled">{{$user->first_name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="reply_message">Deduction Type</label>
                                                                <select name="deduction" id="">
                                                                    <option disabled="disabled" selected>Select Deduction</option>
                                                                    @foreach($deductions as $deduction)
                                                                    <option {{ old('employee_id', $deduction->id)==$assign_deduction->deduction_id ? "selected" : "" }} value="{{$deduction->id}}">{{$deduction->name}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group">
                                                                <label for="reply_message">Deduction Amount</label>
                                                                <input type="number" class="form-control" name="rate" value="{{old('rate', $assign_deduction->rate)}}" required>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                                            <button type="submit" class="btn btn-primary">UPDATE</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Send Reply Modal Ends -->

                                        <!-- Delete button -->
                                        <button type="button" class="text-danger" onclick="event.preventDefault(); if(confirm('Are you sure to delete ?')){
                                                        document.getElementById('delete-data-{{ $assign_deduction->id }}').submit();}" data-toggle="tooltip" data-placement="top" title="Delete">
                                            <i data-feather="trash"></i>
                                        </button>
                                        <form id="delete-data-{{ $assign_deduction->id }}" action="{{ route('employer.assigndeduction.destroy', $assign_deduction->id ) }}" method="POST">
                                            @csrf
                                            @method('DELETE')
                                        </form>

                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@push('custom_css')
<link rel="stylesheet" href="{{ asset('admin_assets/vendors/datatables.net-bs4/dataTables.bootstrap4.css') }}">
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
@endpush
@push('custom_js')
<script src="{{ asset('admin_assets/vendors/datatables.net/jquery.dataTables.js') }}"></script>
<script src="{{ asset('admin_assets/vendors/datatables.net-bs4/dataTables.bootstrap4.js') }}"></script>
<script src="{{ asset('admin_assets/js/data-table.js') }}"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="{{ asset('admin_assets/js/fetch_data.js') }}"></script>
@endpush