@extends('admin.layout.master')
@section('home')

    <style>
        table th,td{
            text-align: center;
        }
    </style>

    <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">Allowance List</div>
                <div class="card-body">
                    <!-- Button trigger modal -->
                    <div class='text-right'>
                        <button type="button" onclick="resetmodal()" class="btn btn-primary btn-sm" data-toggle="modal"
                            data-target="#addAllowance">
                            Add Allowance
                        </button>
                    </div>
                    <div class='row'>
                        <div class='col-md-4'>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label>Name</label>
                                </div>
                                <div class="col-md-8">
                                    <input type='text' name="name" id="name" class='form-control input-sm' />
                                </div>
                            </div>
                        </div>
                        <div class='col-md-4'>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <label>Schedule</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="form-control input-sm" name="schedule_id" id="schedule">
                                        <option value="0">Choose One</option>
                                        @foreach ($all_schedule as $item)
                                            <option value="{{$item->id}}">
                                                {{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class='col-md-4'>
                            <div class="row mt-3">
                                <button class="btn btn-primary btn-sm" id="searchBtn" onclick="SearchAllowance()">Submit</button>
                            </div>
                        </div>
                    </div>
                    <div class='mt-3'>
                        <h5 style="{{ Session::get('style') }}">{{ Session::get('message') }}</h5>
                        <table class="display datatable table table-stripped" id="resultTable">
                            <thead>
                                <tr>
                                    <th>Sl</th>
                                    <th>Name</th>
                                    <th>Schedule</th>
                                    <th>Allowance Group Name</th>
                                    <th>Type</th>
                                    <th>Amount/Percent</th>
                                    <th>Based On Frequency</th>
                                    <th>Sorting</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php($i = 1)
                                    @foreach ($all_allowance as $item)
                                        <tr>
                                            <td>{{ $i++ }}</td>
                                            <td>{{ $item->name }}</td>
                                            <td>{{ $item->get_schedule_name->name }}</td>
                                            <td>{{ $item->get_allowance_group->name }}</td>
                                            @if ($item->type == 1)
                                                <td>{{ 'Fixed' }}</td>
                                            @elseif($item->type ==2)
                                                <td>{{ 'Based on salary' }}</td>
                                            @endif
                                            <td>{{ $item->amount }}@if($item->type ==2) % @endif</td>
                                            @if ($item->frequency == 1)
                                                <td>{{ 'Monthly' }}</td>
                                            @elseif($item->frequency ==2)
                                                <td>{{ 'Based on Attendance' }}</td>
                                            @endif
                                            <td>{{ $item->sorting }}</td>
                                            <td>
                                                <button type="button" onclick="editAllowancelist({{ $item->id }})"
                                                    class="btn btn-primary btn-sm" data-toggle="modal"
                                                    data-target="#addAllowance">
                                                    Edit
                                                </button>
                                            </td>
                                            
                                                
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('payroll.admin.payroll_settings.allowance.form.add_allowance')
        <script src="{{ asset('/') }}payroll_assets/payroll_settings/allowance_list/allowance_list.js"></script>

    @endsection