@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-cards-variant menu-icon"></i>
                </span> {{ __('messages.users Data') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            @permission('users-create')
                <div class="buttons-container">
                    <button type="button" class="btn btn-primary float-end " data-bs-toggle="modal"
                        data-bs-target="#AddCategoryModal">{{ __('messages.Add User') }}</button>
                </div>
            @endpermission
            <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
            <input type="hidden" id="usets-data" value="{{ route('users.get.data') }}" />
            <input type="hidden" id="user-index" value="{{ route('users.index') }}" />
            <input type="hidden" id="add-ajax-route" value="{{ route('user.add.data') }}" />
            <input type="hidden" id="update-ajax-route" value="{{ route('user.update.data') }}" />
            <input type="hidden" id="delete-ajax-route" value="{{ route('user.delete.data') }}" />
            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">
                    <div class="container pb-2">
                        <div class="row gap-1 custom-padding-filter-tmp">
                            <div class="col-12 col-md-4 col-xl-3">
                                <label class="col-form-label">{{ __('messages.date:') }}</label>
                                <div class="center-custom-width-filter-date">
                                    <input type="text" id="config-demo" placeholder="{{ __('messages.date from - to') }}"
                                        class="form-control" />
                                </div>
                            </div>

                            <div class="col-12 col-md-4 col-xl-3 customselectcss">
                                <div class="form-group mb-3 px-2">
                                    <label class="col-form-label">{{ __('messages.User') }}:</label>
                                    <select id="userFilter" class="js-example-disabled-results form-control">
                                        <option value="0">
                                            {{ __('validation.Select', ['attribute' => __('messages.User')]) }}</option>
                                        @foreach ($user as $user)
                                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <thead>
                        <tr>
                            <th>{{ __('messages.ID') }}</th>
                            <th>{{ __('messages.Name') }}</th>
                            <th>{{ __('messages.Email') }}</th>
                            <th>{{ __('messages.Phone') }}</th>
                            <th>{{ __('messages.Role') }}</th>
                            <th>{{ __('messages.Starting Date') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Add Modal --}}
    <div class="modal fade" id="AddCategoryModal" tabindex="-1" aria-labelledby="AddCategoryModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">

                    <h5 class="modal-title" id="AddCategoryModalLabel">{{ __('messages.Add Users Data') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                </div>
                <div class="modal-body row">

                    <ul id="save_msgList"></ul>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mx-auto">
                                <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                    role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                            href="#pills-health" role="tab" aria-controls="pills-home"
                                            aria-selected="true">{{ __('messages.Users data') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                            href="#pills-career" role="tab" aria-controls="pills-profile"
                                            aria-selected="false">{{ __('messages.Add User Files') }} </a>
                                    </li>

                                </ul>
                                <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-health" role="tabpanel"
                                        aria-labelledby="pills-home-tab">
                                        <div class="row">
                                            <div class="form-group mb-3 col-md-6">
                                                <label for="" class="required"> {{ __('messages.Name') }}</label>
                                                <input type="text" class="name form-control" required>
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="">{{ __('messages.Email') }}</label>
                                                <input type="email" required class="Email form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required"
                                                    for="passwordInput">{{ __('messages.Generated Password:') }}</label>
                                                <input class="form-control passwordInput" type="text"
                                                    id="passwordInput" readonly onfocus="generatePassword()">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="">{{ __('messages.Phone') }}</label>
                                                <input type="text" required class="Phone form-control">
                                            </div>

                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="Role">{{ __('messages.Role') }}</label>
                                                <select class="Role Serial form-control" id="roleDropdown" required>
                                                    <option value="">
                                                        {{ __('validation.Select', ['attribute' => __('messages.Role')]) }}
                                                    </option>
                                                    @foreach ($roles as $roles)
                                                        <option value="{{ $roles->id }}">{{ $roles->display_name }}
                                                        </option>
                                                    @endforeach
                                                </select>

                                            </div>

                                            <div class="form-group mb-3 col-md-6">
                                                <label for="">{{ __('messages.Educational Level') }}</label>
                                                <input type="text" required class="Educational form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-12">
                                                <label for="">{{ __('messages.Specializations') }}</label>
                                                <input type="text" required class="Specializations form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required"
                                                    for="">{{ __('messages.Starting Date') }}</label>
                                                <input type="date" required class="Starting-date form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label for="">{{ __('messages.End Date') }}</label>
                                                <input type="date" required class="End-date form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-career" role="tabpanel"
                                        aria-labelledby="pills-profile-tab">

                                        <div class="containerDragDop">
                                            <div class="header-section">
                                                <h1>{{ __('messages.upload files') }}</h1>
                                                <p>{{ __('messages.Upload files you want to share with your team members') }}
                                                </p>
                                                <p>{{ __('messages.PDF, Images & Videos are allowed') }}</p>
                                            </div>
                                            <div class="drop-section-customcss drop-section">
                                                <div class="col">
                                                    <div class="cloud-icon">
                                                        <img src="/metronic/images/iconsDragAndDrop/cloud.png"
                                                            alt="cloud">
                                                    </div>
                                                    <span>{{ __('messages.Drag & Drop your files here') }}</span>
                                                    <span>{{ __('messages.OR') }}</span>
                                                    <button
                                                        class="file-selector">{{ __('messages.Browse Files') }}</button>
                                                    <input name="files" type="file" id="FileList"
                                                        class="file-selector-input" multiple>
                                                </div>
                                                <div class="col">
                                                    <div class="drop-here">{{ __('messages.Drop Here') }}</div>
                                                </div>
                                            </div>
                                            <div class="list-section-customcss list-section">
                                                <div class="list-title">{{ __('messages.Uploaded Files') }}</div>
                                                <div class="list" id="FileList"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                        <button type="button"
                                            class="btn btn-primary add">{{ __('messages.Save') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    {{-- edit Modal --}}
    <div class="modal fade" id="edit-modal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editModalLabel">{{ __('messages.Update User Data') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">

                    <ul id="update_msgList"></ul>
                    <input type="hidden" id="id" />
                    <input type="hidden" id="edit-ajax-route" value="{{ route('users.edit.data') }}" />

                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mx-auto">
                                <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                    role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                            href="#pills-Users" role="tab" aria-controls="pills-home"
                                            aria-selected="true">{{ __('messages.Users data') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                            href="#pills-vibes" role="tab" aria-controls="pills-contact"
                                            aria-selected="false"> {{ __('messages.User Files') }} </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                                            href="#pills-Files" role="tab" aria-controls="pills-Files"
                                            aria-selected="false">{{ __('messages.Add User Files') }}</a>
                                    </li>
                                </ul>
                                <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-Users" role="tabpanel"
                                        aria-labelledby="pills-home-tab">
                                        <div class="row">
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for=""> {{ __('messages.Name') }}</label>
                                                <input type="text" id="name" required class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="">{{ __('messages.Email') }}</label>
                                                <input type="text"id="Email" required class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="">{{ __('messages.Phone') }}</label>
                                                <input type="text" id="Phone" required class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required" for="Role">{{ __('messages.Role') }}</label>
                                                <select id="Role" class=" form-control" required></select>
                                            </div>

                                            <div class="form-group mb-3 col-md-6">
                                                <label for="">{{ __('messages.Educational Level') }}</label>
                                                <input type="text" id="Educational" required class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label for="">{{ __('messages.Specializations') }}</label>
                                                <input type="text" id="Specializations" required
                                                    class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label class="required"
                                                    for="">{{ __('messages.Starting Date') }}</label>
                                                <input type="date" id="Starting-date" required class=" form-control">
                                            </div>
                                            <div class="form-group mb-3 col-md-6">
                                                <label for="">{{ __('messages.End Date') }}</label>
                                                <input type="date" id="End-date" required class=" form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-vibes" role="tabpanel"
                                        aria-labelledby="pills-contact-tab">
                                        <div class="">
                                            <div class="content-wrapper">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <div class="col-12 grid-margin">
                                                                <div class="">
                                                                    <div class=" overflow-auto">
                                                                        <h4 class="card-title">
                                                                            {{ __('messages.User Attachment') }}</h4>
                                                                        <div id="user_files">
                                                                        </div>
                                                                        <div class="custoTable">
                                                                            <div class="table_responsive">
                                                                                <table id="myTableFile">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>{{ __('messages.Files') }}
                                                                                            </th>
                                                                                            <th>{{ __('messages.Name') }}
                                                                                            </th>
                                                                                            <th>{{ __('messages.Action') }}
                                                                                            </th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>

                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>

                                                    <!-- partial -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="pills-Files" role="tabpanel"
                                        aria-labelledby="pills-profile-tab">
                                        <div class="containerDragDop">
                                            <div class="header-section">
                                                <h1>{{ __('messages.upload files') }}</h1>
                                                <p>{{ __('messages.Upload files you want to share with your team members') }}
                                                </p>
                                                <p>{{ __('messages.PDF, Images & Videos are allowed') }}</p>
                                            </div>
                                            <div class="drop-section-customcss drop-section-edit">
                                                <div class="col">
                                                    <div class="cloud-icon">
                                                        <img src="/metronic/images/iconsDragAndDrop/cloud.png"
                                                            alt="cloud">
                                                    </div>
                                                    <span>{{ __('messages.Drag & Drop your files here') }}</span>
                                                    <span>{{ __('messages.OR') }}</span>
                                                    <button
                                                        class="file-selector-edit">{{ __('messages.Browse Files') }}</button>
                                                    <input name="files" type="file" id="FileList"
                                                        class="file-selector-input-edit" multiple>
                                                </div>
                                                <div class="col">
                                                    <div class="drop-here">{{ __('messages.Drop Here') }}</div>
                                                </div>
                                            </div>
                                            <div class="list-section-customcss list-section-edit">
                                                <div class="list-title">{{ __('messages.Uploaded Files') }}</div>
                                                <div class="list-edit" id="FileList"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                        <button type="submit"
                                            class="btn btn-primary update">{{ __('messages.Update') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Edn- Edit Modal --}}
    {{-- show Modal --}}
    <div class="modal fade" id="show-modal" tabindex="-1" aria-labelledby="showModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">

                    <h5 class="modal-title" id="showModalLabel">{{ __('messages.Show User Data') }} </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

                </div>
                <div class="modal-body row">

                    <ul id="show_user_msgList"></ul>
                    <input type="hidden" id="id" />
                    <input type="hidden" id="edit-ajax-route" value="{{ route('users.edit.data') }}" />

                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12 mx-auto">
                                <ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab"
                                    role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                                            href="#pills-show-user-data" role="tab" aria-controls="pills-home"
                                            aria-selected="true">{{ __('messages.Users data') }}</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                                            href="#pills-show-user-file" role="tab" aria-controls="pills-contact"
                                            aria-selected="false"> {{ __('messages.User Files') }} </a>
                                    </li>
                                </ul>
                                <div class="tab-content tab-content-custom-pill" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-show-user-data" role="tabpanel"
                                        aria-labelledby="pills-home-tab">
                                        <fieldset disabled>
                                            <div class="row">
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for=""> {{ __('messages.Name') }}</label>
                                                    <input type="text" id="show-name" required class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Email') }}</label>
                                                    <input type="text"id="show-Email" required class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Phone') }}</label>
                                                    <input type="text" id="show-Phone" required class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="Role">{{ __('messages.Role') }}</label>
                                                    <input type="text" id="show-Role" required class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Educational Level') }}</label>
                                                    <input type="text" id="show-Educational" required
                                                        class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Specializations') }}</label>
                                                    <input type="text" id="show-Specializations" required
                                                        class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.Starting Date') }}</label>
                                                    <input type="date" id="show-Starting-date" required
                                                        class=" form-control">
                                                </div>
                                                <div class="form-group mb-3 col-md-6">
                                                    <label for="">{{ __('messages.End Date') }}</label>
                                                    <input type="date" id="show-End-date" required
                                                        class=" form-control">
                                                </div>
                                            </div>
                                        </fieldset>

                                    </div>
                                    <div class="tab-pane fade" id="pills-show-user-file" role="tabpanel"
                                        aria-labelledby="pills-contact-tab">
                                        <div class="">
                                            <div class="content-wrapper">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <div class="col-12 grid-margin">
                                                                <div class="">
                                                                    <div class=" overflow-auto">
                                                                        <h4 class="card-title">
                                                                            {{ __('messages.User Attachment') }}</h4>
                                                                        <div id="user_files">
                                                                        </div>
                                                                        <div class="custoTable">
                                                                            <div class="table_responsive">
                                                                                <table id="show-myTableFile">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>{{ __('messages.Files') }}
                                                                                            </th>
                                                                                            <th>{{ __('messages.Name') }}
                                                                                            </th>
                                                                                            <th>{{ __('messages.Action') }}
                                                                                            </th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>

                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Edn- show Modal --}}
    {{-- Delete Modal --}}
    <div class="modal fade" id="DeleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteModalLabel">{{ __('messages.Delete') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>{{ __('messages.Confirm to Delete Data ?') }}</h4>
                    <input type="hidden" id="dele-file-ajax-route" value="{{ route('user.file.delete.data') }}" />
                    <input type="hidden" id="deleteing_id">
                    <input type="hidden" id="deleteing_user_fetch_id">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                        data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                        class="btn btn-danger  delete_any_user ">{{ __('messages.Yes Delete') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - Delete Modal --}}
    {{-- Delete file Modal --}}
    <div class="modal fade" id="DeleteFileModal" tabindex="-1" aria-labelledby="DeleteFileModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="DeleteFileModal">{{ __('messages.Delete') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h4>{{ __('messages.Confirm to Delete Data ?') }}</h4>
                    <input type="hidden" id="dele-file-ajax-route" value="{{ route('user.file.delete.data') }}" />
                    <input type="hidden" id="deleteing_id">
                    <input type="hidden" id="deleteing_user_fetch_id">
                    <input type="hidden" id="deleteing_file_id">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                        data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                        class="btn btn-danger   delete_any_file">{{ __('messages.Yes Delete') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - Delete file Modal --}}
    {{-- show darg Modal --}}
    <div class="modal fade" id="editFileDragModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ __('messages.Update File User') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body row">
                    <ul id="update_msgList_file"></ul>
                    <div class="containerDragDop">
                        <input type="hidden" id="update_fileattach_id">
                        <input type="hidden" id="user-id-file">
                        <input type="hidden" id="ubdate-fileattach-ajax-route"
                            value="{{ route('user.file.update.data') }}" />

                        <div class="header-section">
                            <h1>{{ __('messages.upload files') }}</h1>
                            <p>{{ __('messages.Upload files you want to share with your team members') }}</p>
                            <p>{{ __('messages.PDF, Images & Videos are allowed') }}</p>
                        </div>
                        <div class="drop-section-customcss drop-section-file-edit">
                            <div class="col">
                                <div class="cloud-icon">
                                    <img src="/metronic/images/iconsDragAndDrop/cloud.png" alt="cloud">
                                </div>
                                <span>{{ __('messages.Drag & Drop your files here') }}</span>
                                <span>{{ __('messages.OR') }}</span>
                                <button class="file-selector-file-edit">{{ __('messages.Browse Files') }}</button>
                                <input name="files" type="file" id="FileList"
                                    class="file-selector-file-input-edit">
                            </div>
                            <div class="col">
                                <div class="drop-here">{{ __('messages.Drop Here') }}</div>
                            </div>
                        </div>
                        <div class="list-section-customcss list-section-file-edit">
                            <div class="list-title">{{ __('messages.Uploaded Files') }}</div>
                            <div class="list-file-editt"></div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-dragAndDrop-model"
                        data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="button"
                        class="btn btn-primary update-file-attachment">{{ __('messages.Yes Update File') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- End - show darg Modal --}}
@endsection

@section('scripts')
    <script>
        var translations = {
            'ID': '{{ __('messages.ID') }}',
            'Name': '{{ __('messages.Name') }}',
            'Email': '{{ __('messages.Email') }}',
            'Phone': '{{ __('messages.Phone') }}',
            'Role': '{{ __('messages.Role') }}',
            'Starting Date': '{{ __('messages.Starting Date') }}',
            'End Date': '{{ __('messages.End Date') }}',
            'Specializations': '{{ __('messages.Specializations') }}',
            'Educational Level': '{{ __('messages.Educational Level') }}',
            'users Data': '{{ __('messages.users Data') }}',

        };
    </script>
    <script src="{{ asset('metronic/js/pages/users.js') }}"></script>
    <script src="{{ asset('metronic/js/components/uploadFiles.js') }}"></script>
@endsection