@extends('layout.main')
@section('content')

    <section>

        <div class="container-fluid"><span id="general_result"></span></div>

        <div class="container-fluid mb-3">
            <div class="d-flex flex-row">
                @can('store-user')
                    <div class="dropdown mr-1">

                        <button
                                @if (isset($isAllowToCreateUser) && !$isAllowToCreateUser) disabled
                                title="Disabled | Limit Exceeded" @endif
                                class="btn btn-primary dropdown-toggle fs-7 fw-bolder rounded-1" type="button"
                                data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-plus"></i>
                            {{ __('Add User') }}
                        </button>

                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            @if (auth()->user()->role_users_id == 1)
                                <a class="dropdown-item" href="#" name="create_record"
                                   id="create_record">{{ __('Add Admin') }}</a>
                            @endif
                            <a class="dropdown-item"
                               href="{{ url('/staff/employees') }}#formModal">{{ __('Add Employee') }}</a>
                            <a class="dropdown-item"
                               href="{{ url('/project-management/clients') }}#formModal">{{ __('Add Client') }}</a>
                        </div>
                    </div>
                @endcan
                @can('delete-user')
                    <button type="button" class="btn btn-danger fs-7 mx-2 rounded-1 fw-bolder" name="bulk_delete"
                            id="bulk_delete"><i class="fa fa-minus-circle"></i> {{ __('Bulk delete') }}
                    </button>
                @endcan
            </div>
        </div>

        <div class="table-responsive">
            <table id="user-table" class="table ">
                <thead>
                <tr>
                    <th class="not-exported border bg-light"></th>
                    <th class="border bg-light px-3">{{ __('User') }}</th>
                    <th class="border bg-light">{{ trans('file.Contact') }}</th>
                    <th class="border bg-light">{{ trans('file.loginInfo') }}</th>
                    <th class="border bg-light text-center">{{ trans('file.Status') }}</th>
                    <th class="border bg-light text-center">{{ trans('file.Gps') }}</th>
                    <th class="not-exported border bg-light text-center">{{ trans('file.Action') }}</th>
                </tr>
                </thead>
            </table>
        </div>

        <div id="formModal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-dialog-centered modal-xl">
                <div class="modal-content">

                    <div class="modal-header">
                        <h5 id="exampleModalLabel" class="modal-title">{{ __('Add Admin') }}</h5>
                        <button type="button" data-bs-dismiss="modal" id="close" aria-label="Close"
                                class="btn-close"></button>
                    </div>

                    <div class="modal-body">
                        <span id="form_result"></span>
                        <form method="post" id="sample_form" class="form-horizontal" enctype="multipart/form-data">

                            @csrf
                            <div class="row">

                                <div class="col-md-6 form-group">
                                    <label>{{ __('First Name') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="first_name" id="first_name"
                                           placeholder="{{ __('First Name') }}" required class="form-control">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>{{ __('Last Name') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="last_name" id="last_name"
                                           placeholder="{{ __('Last Name') }}" required class="form-control">
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Username') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="username" id="username"
                                           placeholder="{{ __('Unique Value', ['key' => trans('file.Name')]) }}"
                                           required
                                           class="form-control" value="{{ old('username') }}">
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Email') }}</label>
                                    <input type="email" name="email" id="email" placeholder="example@example.com"
                                           class="form-control" value="{{ old('email') }}">

                                </div>
                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Phone') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="contact_no" id="contact_no"
                                           placeholder="{{ trans('file.Phone') }}" required class="form-control"
                                           value="{{ old('contact_no') }}">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Password') }} <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input type="password" name="password" id="password"
                                               placeholder="{{ __('min:4 characters') }}" required class="form-control">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>{{ __('Confirm Password') }} <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input id="confirm_pass" type="password"
                                               class="form-control @error('password') is-invalid @enderror"
                                               name="password_confirmation" placeholder="{{ __('Re-type Password') }}"
                                               required autocomplete="new-password">
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="profile_photo">{{ __('Image') }}</label>
                                    <input type="file" id="profile_photo"
                                           class="form-control @error('photo') is-invalid @enderror"
                                           name="profile_photo"
                                           placeholder="{{ __('Upload', ['key' => trans('file.Photo')]) }}">
                                </div>
                                <div class="col-md-6 form-group" align="center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" name="is_active"
                                               id="is_active_add" value="1" checked>
                                        <label class="custom-control-label"
                                               for="is_active_add">{{ trans('file.Active') }}</label>
                                    </div>

                                </div>

                                <div class="col-md-6 form-group">
                                    <label class="text-bold">{{ trans('file.isGps') }}</label>
                                    <select name="gps" id="gps_add" class="selectpicker form-control"
                                            data-live-search="true" data-live-search-style="contains"
                                            title="{{ __('Selecting', ['key' => trans('file.isGps')]) }}...">
                                        <option value="0">{{ trans('file.No GPS') }}</option>
                                        <option value="1">{{ trans('file.GPS always') }}</option>
                                        <option value="2">{{ trans('file.GPS always') }}</option>
                                    </select>
                                </div>

                                <div class="col-md-12">
                                    <input type="hidden" name="action" id="action"/>
                                    <input type="hidden" name="hidden_id" id="hidden_id"/>
                                    <button type="submit" name="action_button" id="action_button" class="btn btn-outline-primary btn-block">{{ __('Add Admin') }}</button>
                                </div>
                                <div class="registrationFormAlert" id="divCheckPasswordMatch"></div>
                            </div>

                        </form>

                    </div>
                </div>
            </div>
        </div>

        <div id="editModal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">

                    <div class="modal-header">
                        <h5 id="exampleModalLabel" class="modal-title">{{ trans('file.Edit') }}</h5>
                        <button type="button" data-bs-dismiss="modal" id="close" aria-label="Close" class="btn-close"></button>
                    </div>

                    <div class="modal-body">
                        <span id="form_result_edit"></span>
                        <span id="store_profile_photo"></span>
                        <form method="post" id="form_edit" class="form-horizontal" enctype="multipart/form-data">

                            @csrf
                            <div class="row">

                                <div class="col-md-6 form-group">
                                    <label>{{ __('First Name') }} *</label>
                                    <input type="text" name="first_name" id="first_name_edit"
                                           placeholder="{{ __('First Name') }}" required class="form-control">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>{{ __('Last Name') }} *</label>
                                    <input type="text" name="last_name" id="last_name_edit"
                                           placeholder="{{ __('Last Name') }}" required class="form-control">
                                </div>

                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Username') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="username" id="username_edit"
                                           placeholder="{{ __('Unique Value', ['key' => trans('file.Name')]) }}"
                                           required
                                           class="form-control">
                                </div>


                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Email') }}</label>
                                    <input type="email" name="email" id="email_edit"
                                           placeholder="example@example.com" class="form-control">
                                </div>


                                <div class="col-md-6 form-group">
                                    <label>{{ trans('file.Phone') }} <span class="text-danger">*</span></label>
                                    <input type="text" name="contact_no" id="contact_no_edit"
                                           placeholder="{{ trans('file.Phone') }}" required class="form-control"
                                           value="{{ old('contact_no') }}">
                                </div>

                                <div class="form-group col-md-6">
                                    <label>{{ trans('file.Password') }} <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input type="password" class="form-control" name="password" id="password_edit"
                                               placeholder="{{ __('min:4 characters') }}" autocomplete="off">
                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <label>{{ __('file.Confirm Password') }} <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <input id="confirm_pass_edit" type="password"
                                               class="form-control @error('password') is-invalid @enderror"
                                               name="password_confirmation" placeholder="{{ __('Re-type Password') }}"
                                               autocomplete="off">
                                    </div>
                                </div>

                                <div class="col-md-6 form-group ">
                                    <label for="profile_photo_edit"
                                           class=""><strong>{{ __('file.Image') }}</strong></label>
                                    <input type="file" id="profile_photo_edit"
                                           class="form-control @error('photo') is-invalid @enderror"
                                           name="profile_photo"
                                           placeholder="{{ __('Upload', ['key' => trans('file.Photo')]) }}">
                                    <span id="store_profile_photo"></span>
                                </div>


                                <div class="col-md-6 form-group">
                                    <div class="form-group custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" name="is_active"
                                               id="is_active_edit" value="1" checked>
                                        <label class="custom-control-label"
                                               for="is_active_edit">{{ trans('file.Active') }}</label>
                                    </div>
                                </div>

                                {{--                                <div class="col-md-6 form-group"> --}}
                                {{--                                    <div class="form-group custom-control custom-checkbox"> --}}
                                {{--                                        <input type="checkbox" class="custom-control-input" name="gps" --}}
                                {{--                                               id="gps_edit" value="1" checked> --}}
                                {{--                                        <label class="custom-control-label" --}}
                                {{--                                               for="gps_edit">{{trans('file.isGps')}}</label> --}}
                                {{--                                    </div> --}}
                                {{--                                </div> --}}
                                <div class="col-md-6 form-group">
                                    <label class="text-bold">{{ trans('file.isGps') }}</label>
                                    <select name="gps" id="gps_edit" class="form-control">
                                        <option value="0">{{ trans('file.No GPS') }}</option>
                                        <option value="1">{{ trans('file.GPS always') }}</option>
                                        <option value="2">{{ trans('file.GPS asked') }}</option>
                                    </select>
                                </div>

                                <div class="col-sm-12">
                                    <input type="hidden" name="action" id="action_edit"/>
                                    <input type="hidden" name="hidden_id" id="hidden_id_edit"/>
                                    <input type="submit" name="action_button" id="action_button_edit" class="btn btn-primary btn-block" value="{{ trans('file.Edit') }}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="registrationFormAlert" id="divCheckPasswordMatch_edit">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div id="confirmModal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title">{{ trans('file.Confirmation') }}</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>

                    </div>
                    <div class="modal-body">
                        <h4 class="">{{ __('Are you sure you want to remove this data?') }}</h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" name="ok_button" id="ok_button"
                                class="btn btn-danger">{{ trans('file.OK') }}</button>
                        <button type="button" class="btn btn-dark"
                                data-bs-dismiss="modal">{{ trans('file.Cancel') }}</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="resetModal" class="modal fade" role="dialog">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 class="modal-title">{{ trans('file.Reset') }}</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <h4 class="">{{ __('Are you sure you want to reset this user') }}</h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" name="reset_button" id="reset_button" class="btn btn-danger">{{ trans('file.Reset') }}</button>
                        <button type="button" class="btn btn-dark" data-bs-dismiss="modal">{{ trans('file.Cancel') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@push('scripts')
    @include('all_user.js')
@endpush