@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
    <style>
        .working-day label {
            background: #dddddd;
            padding: 7px;
            border-radius: 8px;
            color: #000;
            cursor: pointer;
        }

        .working-day-checkbox:checked + label {
            background: #8daf21;
            color: #fff;

        }
    </style>
@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> {{ __('Contracts') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            <div class="buttons-container d-flex justify-content-between align-items-centers">
                <div>
                    <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal"
                            data-bs-target="#addModal">{{ __('Add Contract') }}</button>
                </div>
                <div class="d-flex justify-content-between align-items-centers gap-2">
                    <a href="{{route('hr.contracts.index')}}"
                       class="btn {{!request()->has('type') ? 'btn-primary' :' border-dark btn-outline-white '}} float-end"
                    >{{ __('All Contracts') }}</a>
                    <a href="{{route('hr.contracts.index',['type'=>'disabled'])}}"
                       class="btn {{request()->has('type') && request()->type =='disabled'  ? 'btn-primary' :' border-dark btn-outline-white '}} float-end"
                    >{{ __('Disabled Contracts') }}</a>
                    <a href="{{route('hr.contracts.index',['type'=>'active'])}}"
                       class="btn {{request()->has('type') && request()->type =='active'  ? 'btn-primary' :' border-dark btn-outline-white '}} float-end">
                        {{ __('Active Contracts') }}
                    </a>
                    <a href="{{route('hr.contracts.index',['type'=>'deleted'])}}"
                       class="btn {{request()->has('type') && request()->type =='deleted'  ? 'btn-primary' :' border-dark btn-outline-white '}} float-end">
                        {{ __('Deleted Contracts') }}
                    </a>
                </div>
            </div>
            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <thead>
                    <tr>
                        {{-- <th>{{ __('Employee Number') }}</th> --}}
                        <th>{{ __('Name') }}</th>
                        <th>{{ __('Department Name') }}</th>
                        <th>{{ __('Status') }}</th>
                        <th>{{ __('Contract Start Date') }}</th>
                        <th>{{ __('Contract End Date') }}</th>
                        <th>{{ __('Actions') }}</th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <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 Contract') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="addContractForm" action="{{route('hr.contracts.store')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Account Number') }}</label>
                                    <input type="text" name="account_number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Account Type') }}</label>
                                    <input type="text" name="account_type" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Employee Number') }}</label>
                                    <input type="text" name="employee_number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Job Title') }}</label>
                                    <input type="text" name="job_title" class="form-control" required>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group" id="user_id_area_for_add_new_contract">
                                    <label for="name">{{ __('User') }}</label>
                                    <select 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="d-flex mt-3 gap-2 align-items-center align-content-center  ">
                                    <input name="create-new-user" id="create-new-user" type="checkbox">
                                    <label for="create-new-user" class="m-0">{{__("Create New User")}}</label>
                                </div>
                            </div>
                            <div class="col-12 d-none" id="create-new-user-area">
                                <div class="row">
                                    <div class="form-group mb-3 col-md-6">
                                        <label for="" class="required"> {{ __('messages.Name') }}</label>
                                        <input name="name" type="text" class="name form-control">
                                    </div>
                                    <div class="form-group mb-3 col-md-6">
                                        <label class="required" for="">{{ __('messages.Email') }}</label>
                                        <input name="email" type="email" class="Email form-control">
                                    </div>
                                    <div class="form-group mb-3 col-md-6">
                                        <label class="required"
                                               for="passwordInput">{{ __('messages.Generated Password:') }}</label>
                                        <input name="password" class="form-control passwordInput" type="text"
                                               id="passwordInput" readonly value="{{str()->random(10)}}">
                                    </div>
                                    <div class="form-group mb-3 col-md-6">
                                        <label class="required" for="">{{ __('messages.Phone') }}</label>
                                        <input name="phone_number" type="text" class="Phone form-control">
                                    </div>
                                    <div class="form-group mb-3 col-md-12">
                                        <label class="required" for="">{{ __('National Number') }}</label>
                                        <input name="national_number" type="text" class="form-control">
                                    </div>

                                    <div class="form-group mb-3 col-md-6">
                                        <label class="required" for="Role">{{ __('messages.Role') }}</label>
                                        <select name="role" class=" form-control">
                                            <option value="">
                                                {{ __('validation.Select', ['attribute' => __('messages.Role')]) }}
                                            </option>
                                            @foreach (\App\Models\Role::get() as $roles)
                                                <option value="{{ $roles->name }}">{{ $roles->display_name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group mb-3 col-md-6">
                                        <label for="">{{ __('messages.Educational Level') }}</label>
                                        <input name="educational_level" type="text" class="Educational form-control">
                                    </div>
                                    <div class="form-group mb-3 col-md-12">
                                        <label for="">{{ __('messages.Specializations') }}</label>
                                        <input type="text" name="specializations" class="Specializations form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Contract Type') }}</label>
                                    <select name="contract_type" class="form-control" required>
                                        <option disabled value="0">{{ __("Select Contract Type") }}</option>
                                        <option value="yearly">{{ __("Yearly") }}</option>
                                        <option value="temporary">{{__("Temporary Contract")}}</option>
                                        <option value="unlimited">{{ __("Unlimited") }}</option>
                                        <option value="cooperate_one_year">{{ __("Cooperate (One Year)") }}</option>
                                        <option value="cooperate_temporary">{{ __("Cooperate Temporary") }}</option>
                                        <option value="cooperate">{{ __("Cooperate") }}</option>
                                        <option value="temporary_labor">{{ __("Temporary Labor") }}</option>
                                    </select>

                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Department') }}</label>
                                    <select name="department_id" class=" form-control" required>
                                        <option value="">{{__("Select Department")}}</option>
                                        @foreach (\App\Models\Department::get() as $department)
                                            <option value="{{ $department->id }}">{{ $department->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Basic Salary') }}</label>
                                    <input type="number" name="salary" value="0" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Supervision Bonus') }}</label>
                                    <input type="number" value="0" name="department_bonus"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Transportation Bonus') }}</label>
                                    <input type="number" value="0" name="transportation_bonus"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Risk Bonus') }}</label>
                                    <input type="number" value="0" name="risk_bonus" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Distinction Bonus') }}</label>
                                    <input type="number" value="0" name="distinction_bonus" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Number Of Holidays Per Year') }}</label>
                                    <input type="number" value="14" name="number_of_holidays_per_year"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Number Of Working Hour Per Day') }}</label>
                                    <input type="number" value="8" name="number_of_working_hour_per_day"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Price Of Each Extra Hour Percentage') }}</label>
                                    <div class="d-flex align-items-center justify-content-center  bg-white">
                                        <input min="100" type="number" value="100"
                                               name="price_of_each_extra_hour_percentage" class="form-control">
                                        <span class="p-2">
                                        <i class="fa fa-percentage"></i>
                                        </span>
                                    </div>
                                    <span class="text-success fs-small">{{__("Ex:price of hour is 10 so the if the extra hour is 150% the price of extra hour is 15")}}</span>
                                </div>
                            </div>
                            <div class="form-group mb-3 col-md-6">
                                <label class="required"
                                       for="">{{ __('messages.Starting Date') }}</label>
                                <input type="date" name="contract_start_date" class="form-control">
                            </div>
                            <div class="form-group mb-3 col-md-6">
                                <label for="">{{ __('messages.End Date') }}</label>
                                <input type="date" name="contract_end_date" class=" form-control">
                            </div>

                            <div class="col-md-12 mb-3">
                                <label class="required">{{ __('Contract PDF') }}</label>
                                <input type="file" name="contract_pdf" class="form-control" accept="application/pdf">
                            </div>

                            <div class="col-12">
                                <input type="hidden" name="working_days">
                            </div>
                            <div class="col-12">
                                <label class="mb-4 mt-4">{{__("Please Select Working Days")}}</label>
                                <div class="working-days d-flex justify-content-between ">
                                    @foreach(getWorkingDays() as $day)
                                        <div class="working-day ">
                                            <input name="working_days[]" class="working-day-checkbox"
                                                   id="working_day_{{$day['value']}}" type="checkbox" hidden=""
                                                   value="{{$day['value']}}">
                                            <label for="working_day_{{$day['value']}}">
                                                {{$day['name']}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </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>

    <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 Department') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <form id="editContractForm" method="POST" action="{{route("hr.contracts.index")}}" enctype="multipart/form-data">
                    @csrf
                    @method("POST")
                    <input type="hidden" id="edit_id">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Account Number') }}</label>
                                    <input type="text" name="account_number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Account Type') }}</label>
                                    <input type="text" name="account_type" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Employee Number') }}</label>
                                    <input type="text" name="employee_number" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Job Title') }}</label>
                                    <input type="text" name="job_title" class="form-control" required>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group" id="user_id_area_for_add_new_contract">
                                    <label for="name">{{ __('User') }}</label>
                                    <select 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>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Contract Type') }}</label>
                                    <select name="contract_type" class="form-control" required>
                                        <option disabled value="0">{{__("Select Contract Type")}}</option>
                                        <option value="yearly">{{ __("Yearly") }}</option>
                                        <option value="temporary">{{__("Temporary Contract")}}</option>
                                        <option value="unlimited">{{ __("Unlimited") }}</option>
                                        <option value="cooperate_one_year">{{ __("Cooperate (One Year)") }}</option>
                                        <option value="cooperate_temporary">{{ __("Cooperate Temporary") }}</option>
                                        <option value="cooperate">{{ __("Cooperate") }}</option>
                                        <option value="temporary_labor">{{ __("Temporary Labor") }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Department') }}</label>
                                    <select name="department_id" class=" form-control" required>
                                        <option value="">{{__("Select Department")}}</option>
                                        @foreach (\App\Models\Department::get() as $department)
                                            <option value="{{ $department->id }}">{{ $department->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Basic Salary') }}</label>
                                    <input type="number" name="salary" value="0" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Department Bonus') }}</label>
                                    <input type="number" value="0" name="department_bonus"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Transportation Bonus') }}</label>
                                    <input type="number" value="0" name="transportation_bonus"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Distinction Bonus') }}</label>
                                    <input type="number" value="0" name="distinction_bonus" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Risk Bonus') }}</label>
                                    <input type="number" value="0" name="risk_bonus" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Number Of Holidays Per Year') }}</label>
                                    <input type="number" value="0" name="number_of_holidays_per_year"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Number Of Working Hour Per Day') }}</label>
                                    <input type="number" value="0" name="number_of_working_hour_per_day"
                                           class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="form-group">
                                    <label for="">{{ __('Price Of Each Extra Hour Percentage') }}</label>
                                    <div class="d-flex align-items-center justify-content-center  bg-white">
                                        <input min="100" type="number" value="100"
                                               name="price_of_each_extra_hour_percentage" class="form-control">
                                        <span class="p-2">
                                        <i class="fa fa-percentage"></i>
                                        </span>
                                    </div>
                                    <span class="text-success fs-small">{{__("Ex:price of hour is 10 so the if the extra hour is 150% the price of extra hour is 15")}}</span>
                                </div>
                            </div>
                            <div class="form-group mb-3 col-md-6">
                                <label class="required"
                                       for="">{{ __('messages.Starting Date') }}</label>
                                <input type="date" name="contract_start_date" class="form-control">
                            </div>
                            <div class="form-group mb-3 col-md-6">
                                <label for="">{{ __('messages.End Date') }}</label>
                                <input type="date" name="contract_end_date" class=" form-control">
                            </div>

                            <div class="col-md-12 mb-3">
                                <label>{{ __('Contract PDF') }}</label>
                                <input type="file" name="contract_pdf" class="form-control" accept="application/pdf">
                            </div>

                            <div class="col-12">
                                <label class="mb-4 mt-4">{{__("Please Select Working Days")}}</label>
                                <div class="working-days d-flex justify-content-between ">
                                    @foreach(getWorkingDays() as $day)
                                        <div class="working-day ">
                                            <input name="working_days[]" class="working-day-checkbox"
                                                   id="edit_working_day_{{$day['value']}}" type="checkbox" hidden=""
                                                   value="{{$day['value']}}">
                                            <label for="edit_working_day_{{$day['value']}}">
                                                {{$day['name']}}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            </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.") }}',
        };
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
    <script src="{{asset("metronic/js/pages/hr/contract.js")}}"></script>
@endsection