@extends('companyuser::layouts.master')
@section('title', __('hr::positions.title'))
@section('extra-styles')
<link href="{{url('assets/css/filter.css') }}" rel="stylesheet">
<link href="{{asset('assets/css/custom/modal/style.css') }}" rel="stylesheet">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@endsection
@push('extra_scripts')
<script src="{{ asset('assets/js/scripts/modal/components-modal.js') }}" defer></script>
@endpush

@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">@lang('companyuser::sidebar.HR')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('hr::positions.title')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
    @if (checkAddonAvailability(request()->get('tenant_current_subscription')->id, \Modules\Tenant\Enums\SystemAddonEnum::HR_MODULE))
        <section>
            <div class="container-fluid">
                    <div class="col-xs-6 headTitle">
                        <h3 class="py-half">@lang('hr::positions.title')</h3>
                    </div>
                    <div class="headBtns mb-2 mx-1 fixed-btns">
                        <div class="btn-group pull-right">
                            @can('hr.positions.create')
                            <a class="text-green pull-left" href="{{route('company.positions.import', $subdomain)}}" title="{{__('Import')}}">
                                <span class="icon-Import-New action-icon rot"></span>
                            </a>
                            <a class="text-green" href="{{route('company.positions.create', $subdomain)}}" title="@lang('Add')">
                                <span class="icon-Add action-icon"></span>
                            </a>
                            @endcan
                        </div>
                    </div>
                @include('companyuser::errors.all')
                @include('companyuser::errors.lists')
            <div class="mt-1">
                <section id="configuration">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="card">
                                    <div class="card-block card-dashboard">
                                        <table
                                            class="table table-striped table-column dataex-res-configuration @if(app()->getlocale() == 'ar') ar-language-file @endif"
                                            style="width:100%;display: inline-table;">
                                            <thead>
                                                <tr>
                                                    <th>@lang('hr::positions.name')</th>
                                                    <th>@lang('hr::positions.created at')</th>
                                                    <th>@lang('Actions')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($positions as $position)
                                                <tr>
                                                    <td>{{app()->getLocale() == 'en'? $position->name_en : $position->name_ar}}</td>
                                                    <td><span class="d-none">{{$position->created_at}}</span>{{ \App\Services\Date::format($position->created_at, 'date') }}</td>
                                                    <td>
                                                        <a href="{{route('company.positions.show', ['subdomain' => $subdomain, 'position' => $position->id])}}"
                                                        class='btn btni rounded-circle font-small-2 btn-primary btn-xs text-white' data-toggle="tooltip"
                                                        data-placement="bottom" title="@lang('Show')"><i class="fa fa-eye"></i>
                                                        </a>
                                                        @can('hr.positions.edit')
                                                        <a href="{{route('company.positions.edit', ['subdomain' => $subdomain, 'position' => $position->id])}}" class='btn btni rounded-circle font-small-2 btn-info btn-xs btn-edit text-white'
                                                        data-toggle="tooltip" data-placement="bottom"
                                                        title="@lang('Edit')"><i class="fa fa-pencil"></i></a>
                                                        @endcan
                                                        @can('hr.positions.delete')
                                                        <a  data-url="{{route('company.positions.destroy', ['subdomain' => $subdomain, 'position' => $position->id])}}"
                                                            data-toggle="modal" data-target="#favoritesModal"
                                                            class="delete-entries"
                                                            data-toggle="tooltip" data-placement="bottom"
                                                            title="@lang('Delete')">
                                                            <button class='btn btni rounded-circle font-small-2 btn-danger btn-xs btn-delete text-white' data-toggle="tooltip" data-placement="bottom" title="{{ __('Delete') }}">
                                                                <i class="fa fa-trash"></i>
                                                            </button>
                                                        </a>
                                                        @endcan
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                        <div class="modal fade" id="favoritesModal" tabindex="-1" role="dialog"
                                            aria-labelledby="favoritesModalLabel">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title" id="favoritesModalLabel">@lang('Delete')</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p>
                                                            @lang('Are You Sure to delete this?')
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default mx-1"
                                                            data-dismiss="modal">@lang('Cancel')</button>
                                                        <span class="pull-right">
                                                            <form action="" method="POST" class="form delete-form">
                                                                @csrf
                                                                @method('delete')
                                                                <button type="submit"
                                                                    class="btn btn-primary">@lang('Continue')</button>
                                                            </form>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            </div>
        </section>
    @else
        <div class="col-md-12" style="padding: 8px;margin-bottom:15px">
            @include('companyuser::components.addon-not-available', ['addon' => __('companyuser::addons.hr_module')])
        </div>
    @endif
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_human_resources_positions_list');
        console.log('web_human_resources_positions_list event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function () {
        $(document).ready(function () {
            // For A Delete Record Popup
             $(document).on('touchstart click', '.delete-entries', function () {
                var modal = $(this).attr('data-target');
                var url = $(this).attr('data-url');
                $(modal + ' .delete-form').attr("action", url);
            });
        });

    });

</script>
@endsection