@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
@endsection

@section('main-content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-package"></i>
                </span> {{ __('Rewards And Discounts') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            <div class="buttons-container">
                <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal"
                        data-bs-target="#addModal">{{ __('Add Rewards / Discounts') }}</button>
            </div>

            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <thead>
                    <tr>
                        <th>{{ __('User') }}</th>
                        <th>{{ __('Date') }}</th>
                        <th>{{ __('Description') }}</th>
                        <th>{{ __('Amount') }}</th>
                        <th>{{ __('Type') }}</th>
                        <th>{{ __('Is Active') }}</th>
                        <th>{{ __('Actions') }}</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Add Department Modal -->
    <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="addModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Add Rewards / Discounts') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="addRewardsAndDiscounts" action="{{route('hr.rewards-and-discounts.store')}}" method="POST">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label>{{ __('User') }}</label>
                                <select name="user_id" class="form-control select2">
                                    @foreach(\App\Models\User::activeContract()->get() as $user)
                                        <option value="{{$user->id}}">{{$user->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Discount Amount') }}</label>
                                <input type="number" class="form-control" value="0" name="discount">
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Reword Amount') }}</label>
                                <input type="number" class="form-control" value="0" name="reward">
                            </div>
                            <div class="col-md-12">
                                <label>{{ __('Select Month') }}</label>
                                <input min="{{now()->subMonth()->format("Y-m")}}" type="month" class="form-control" name="date">
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Discount Description') }}</label>
                                <textarea class="form-control" name="discount_description"></textarea>
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Reward Description') }}</label>
                                <textarea class="form-control" name="reward_description"></textarea>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"
                                data-bs-dismiss="modal">{{ __('Close') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Edit Department Modal -->
    <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">{{ __('Edit Rewards / Discounts') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="editRewardsAndDiscounts" method="POST" action="{{route("hr.rewards-and-discounts.index")}}">
                    @csrf
                    @method("PATCH")
                    <input type="hidden" id="edit_id">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label>{{ __('User') }}</label>
                                <select disabled name="user_id" class="form-control select2">
                                    @foreach(\App\Models\User::get() as $user)
                                        <option value="{{$user->id}}">{{$user->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Type') }}</label>
                                <select name="type" class="form-control">
                                    <option value="reward">{{__("Reward")}}</option>
                                    <option value="discount">{{__("Discount")}}</option>
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Amount') }}</label>
                                <input type="number" class="form-control" name="amount">
                            </div>
                            <div class="col-md-6">
                                <label>{{ __('Select Month') }}</label>
                                <input min="{{now()->subMonth()->format("Y-m")}}" type="month" class="form-control" name="date">
                            </div>
                            <div class="col-md-12">
                                <label>{{ __('Description') }}</label>
                                <textarea class="form-control" name="description"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"
                                data-bs-dismiss="modal">{{ __('Close') }}</button>
                        <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        var translations = {
            'Are you sure?': '{{ __("Are you sure?") }}',
            'You wont be able to revert this!': '{{ __("You wont be able to revert this!") }}',
            'Yes, delete it!': '{{ __("Yes, delete it!") }}',
            'Cancel': '{{ __("Cancel") }}',
            'Deleted!': '{{ __("Deleted!") }}',
            'Error!': '{{ __("Error!") }}',
            'Something went wrong while deleting.': '{{ __("Something went wrong while deleting.") }}',
        };
    </script>
    <script src="{{asset("metronic/js/pages/hr/rewords-and-discounts.js")}}"></script>
@endsection