Untitled
unknown
plain_text
a year ago
29 kB
8
Indexable
Never
@extends('layouts.admin')
@section('page-title')
{{ __('Dashboard') }}
@endsection
@php
$setting = App\Models\Utility::settings();
@endphp
{{-- @section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
@endsection --}}
@section('content')
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
@if (\Auth::user()->type == 'employee')
<!-- <div class="col-xxl-6">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-9">
<h5>{{ __('Calendar') }}</h5>
</div>
<div class="col-3">
<div class="form-group">
<label for=""></label>
@if (isset($setting['is_enabled']) && $setting['is_enabled'] == 'on')
<select class="form-control" name="calender_type" id="calender_type"
onchange="get_data()">
<option value="google_calender">{{ __('Google Calender') }}</option>
<option value="local_calender" selected="true">
{{ __('Local Calender') }}</option>
</select>
@endif
<input type="hidden" id="path_admin" value="{{ url('/') }}">
</div>
</div>
</div>
</div>
<div class="card-body">
<div id='event_calendar' class='calendar'></div>
</div>
</div>
</div> -->
<div class="col-xxl-6">
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_7AU1pVekCxM9B_sYj1e2gM8mcqdMs94"></script> -->
<div class="card" style="height: auto;">
<div class="card-header">
<h5>{{ __('Mark Attandance') }}</h5>
</div>
<div class="card-body">
<p class="text-muted pb-0-5">
{{ __('My Office Time: ' . $officeTime['startTime'] . ' to ' . $officeTime['endTime']) }}
</p>
<div class="row">
<div class="col-md-6">
{{ Form::open(['url' => 'attendanceemployee/attendance', 'method' => 'post']) }}
@if (empty($employeeAttendance) || $employeeAttendance->clock_out != '00:00:00')
<!-- Tambahkan elemen div untuk menampilkan peta -->
<div id="map" style="width: 100%; height: 200px;"></div>
<input type="text" name="latitude" id="latitude" value="Teks yang tidak dapat diubah" readonly>
<input type="text" name="longitude" id="longitude" value="Teks yang tidak dapat diubah" readonly>
</div>
<div class="col-md-6 mt-3 text-right" style="text-align: right;">
<button type="submit" value="0" name="in" id="clock_in"
class="btn btn-primary">{{ __('CLOCK IN') }}</button>
@else
<button type="submit" value="0" name="in" id="clock_in" class="btn btn-primary disabled"
disabled>{{ __('CLOCK IN') }}</button>
@endif
{{ Form::close() }}
@if (!empty($employeeAttendance) && $employeeAttendance->clock_out == '00:00:00')
{{ Form::model($employeeAttendance, ['route' => ['attendanceemployee.update', $employeeAttendance->id], 'method' => 'PUT']) }}
<button type="submit" value="1" name="out" id="clock_out"
class="btn btn-danger">{{ __('CLOCK OUT') }}</button>
@else
<button type="submit" value="1" name="out" id="clock_out" class="btn btn-danger disabled"
disabled>{{ __('CLOCK OUT') }}</button>
@endif
{{ Form::close() }}
</div>
</div>
</div>
</div>
</div>
<!-- <div class="card" style="height: 462px;">
<div class="card-header card-body table-border-style">
<h5>{{ __('Meeting schedule') }}</h5>
</div>
<div class="card-body" style="height: 320px">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>{{ __('Meeting title') }}</th>
<th>{{ __('Meeting Date') }}</th>
<th>{{ __('Meeting Time') }}</th>
</tr>
</thead>
<tbody class="list">
@foreach ($meetings as $meeting)
<tr>
<td>{{ $meeting->title }}</td>
<td>{{ \Auth::user()->dateFormat($meeting->date) }}</td>
<td>{{ \Auth::user()->timeFormat($meeting->time) }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card">
<div class="card-header card-body table-border-style">
<h5>{{ __('Announcement List') }}</h5>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>{{ __('Title') }}</th>
<th>{{ __('Start Date') }}</th>
<th>{{ __('End Date') }}</th>
<th>{{ __('Description') }}</th>
</tr>
</thead>
<tbody class="list">
@foreach ($announcements as $announcement)
<tr>
<td>{{ $announcement->title }}</td>
<td>{{ \Auth::user()->dateFormat($announcement->start_date) }}</td>
<td>{{ \Auth::user()->dateFormat($announcement->end_date) }}</td>
<td>{{ $announcement->description }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div> -->
</div>
@else
<div class="col-xxl-12">
{{-- start --}}
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-primary">
<i class="ti ti-users"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Staff') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-primary">{{ $countUser + $countEmployee }}</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-info">
<i class="ti ti-ticket"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Ticket') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-info"> {{ $countTicket }}</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-warning">
<i class="ti ti-wallet"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Account Balance') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-warning">{{ \Auth::user()->priceFormat($accountBalance) }}</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-primary">
<i class="ti ti-cast"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Jobs') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-primary">{{ $activeJob + $inActiveJOb }}</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-info">
<i class="ti ti-cast"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Active Jobs') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-info"> {{ $activeJob }}</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<div class="row align-items-center justify-content-between">
<div class="col-auto mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<div class="theme-avtar bg-warning">
<i class="ti ti-cast"></i>
</div>
<div class="ms-3">
<small class="text-muted">{{ __('Total') }}</small>
<h6 class="m-0">{{ __('Inactive Jobs') }}</h6>
</div>
</div>
</div>
<div class="col-auto text-end">
<h4 class="m-0 text-warning">{{ $inActiveJOb }}</h4>
</div>
</div>
</div>
</div>
</div>
{{-- </div> --}}
{{-- end --}}
<div class="col-xxl-12">
<div class="row">
<div class="col-xl-5">
<div class="card">
<div class="card-header card-body table-border-style">
<h5>{{ __('Meeting schedule') }}</h5>
</div>
<div class="card-body" style="height: 324px; overflow:auto">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>{{ __('Title') }}</th>
<th>{{ __('Date') }}</th>
<th>{{ __('Time') }}</th>
</tr>
</thead>
<tbody class="list">
@foreach ($meetings as $meeting)
<tr>
<td>{{ $meeting->title }}</td>
<td>{{ \Auth::user()->dateFormat($meeting->date) }}</td>
<td>{{ \Auth::user()->timeFormat($meeting->time) }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header card-body table-border-style">
<h5>{{ __("Today's Not Clock In") }}</h5>
</div>
<div class="card-body" style="height: 324px; overflow:auto">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>{{ __('Name') }}</th>
<th>{{ __('Status') }}</th>
</tr>
</thead>
<tbody class="list">
@foreach ($notClockIns as $notClockIn)
<tr>
<td>{{ $notClockIn->name }}</td>
<td><span class="absent-btn">{{ __('Absent') }}</span></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-xl-7">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-9">
<h5>{{ __('Calendar') }}</h5>
</div>
<div class="col-3">
<div class="form-group">
<label for=""></label>
@if (isset($setting['is_enabled']) && $setting['is_enabled'] == 'on')
<select class="form-control" name="calender_type" id="calender_type"
onchange="get_data()">
<option value="google_calender">{{ __('Google Calender') }}</option>
<option value="local_calender" selected="true">
{{ __('Local Calender') }}</option>
</select>
@endif
<input type="hidden" id="path_admin" value="{{ url('/') }}">
</div>
</div>
</div>
</div>
<div class="card-body card-635">
<div id='calendar' class='calendar'></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card">
<div class="card-header card-body table-border-style">
<h5>{{ __('Announcement List') }}</h5>
</div>
<div class="card-body" style="height: 270px; overflow:auto">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>{{ __('Title') }}</th>
<th>{{ __('Start Date') }}</th>
<th>{{ __('End Date') }}</th>
<th>{{ __('Description') }}</th>
</tr>
</thead>
<tbody class="list">
@foreach ($announcements as $announcement)
<tr>
<td>{{ $announcement->title }}</td>
<td>{{ \Auth::user()->dateFormat($announcement->start_date) }}</td>
<td>{{ \Auth::user()->dateFormat($announcement->end_date) }}</td>
<td>{{ $announcement->description }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endif
@endsection
{{-- {{ dd($arrEvents) }} --}}
@push('script-page')
<script src="{{ asset('assets/js/plugins/main.min.js') }}"></script>
@if (Auth::user()->type == 'company' || Auth::user()->type == 'hr')
<script type="text/javascript">
$(document).ready(function() {
get_data();
});
function get_data() {
var calender_type = $('#calender_type :selected').val();
console.log(calender_type);
$('#calendar').removeClass('local_calender');
$('#calendar').removeClass('google_calender');
if (calender_type == undefined) {
calender_type = 'local_calender';
}
$('#calendar').addClass(calender_type);
$.ajax({
url: $("#path_admin").val() + "/event/get_event_data",
method: "POST",
data: {
"_token": "{{ csrf_token() }}",
'calender_type': calender_type
},
success: function(data) {
(function() {
var etitle;
var etype;
var etypeclass;
var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
buttonText: {
timeGridDay: "{{ __('Day') }}",
timeGridWeek: "{{ __('Week') }}",
dayGridMonth: "{{ __('Month') }}"
},
themeSystem: 'bootstrap',
slotDuration: '00:10:00',
navLinks: true,
droppable: true,
selectable: true,
selectMirror: true,
editable: true,
dayMaxEvents: true,
handleWindowResize: true,
events: data,
});
calendar.render();
})();
}
});
}
</script>
@else
<script>
$(document).ready(function() {
get_data();
});
function get_data() {
var calender_type = $('#calender_type :selected').val();
console.log(calender_type);
$('#event_calendar').removeClass('local_calender');
$('#event_calendar').removeClass('google_calender');
if (calender_type == undefined) {
calender_type = 'local_calender';
}
$('#event_calendar').addClass(calender_type);
$.ajax({
url: $("#path_admin").val() + "/event/get_event_data",
method: "POST",
data: {
"_token": "{{ csrf_token() }}",
'calender_type': calender_type
},
success: function(data) {
(function() {
var etitle;
var etype;
var etypeclass;
var calendar = new FullCalendar.Calendar(document.getElementById(
'event_calendar'), {
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
buttonText: {
timeGridDay: "{{ __('Day') }}",
timeGridWeek: "{{ __('Week') }}",
dayGridMonth: "{{ __('Month') }}"
},
themeSystem: 'bootstrap',
slotDuration: '00:10:00',
navLinks: true,
droppable: true,
selectable: true,
selectMirror: true,
editable: true,
dayMaxEvents: true,
handleWindowResize: true,
events: data,
});
calendar.render();
})();
}
});
}
</script>
<script>
var initialLatitude = -6.930560; // Koordinat awal latitude disesuaikan dengan kantor
var initialLongitude = 110.273308; // Koordinat awal longitude disesuaikan dengan kantor
var maxDistance = 50; // Maksimum jarak dalam meter
window.addEventListener("load", getLocation); // Panggil getLocation saat halaman dimuat
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById("latitude").value = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
// Perbarui kolom masukan dengan garis lintang dan garis bujur
document.getElementById("latitude").value = latitude;
document.getElementById("longitude").value = longitude;
// Periksa jarak dari koordinat awal
var clock_in = document.getElementById("clock_in");
// Menambahkan event listener untuk mengaktifkan tombol saat di-klik
clock_in.addEventListener("click", function() {
// Kode logika atau tindakan lain yang ingin Anda lakukan saat tombol diklik
});
var distance = calculateDistance(initialLatitude, initialLongitude, latitude, longitude);
if (distance > maxDistance) {
alert("Posisi Anda terlalu jauh dari koordinat awal. Data tidak akan tersimpan.");
clock_in.disabled = true;
} else {
sendData(latitude, longitude);
}
}
function calculateDistance(lat1, lon1, lat2, lon2) {
// Rumus Haversine untuk menghitung jarak antara dua koordinat
var R = 6371e3; // Earth's radius in meters
var φ1 = (lat1 * Math.PI) / 180;
var φ2 = (lat2 * Math.PI) / 180;
var Δφ = ((lat2 - lat1) * Math.PI) / 180;
var Δλ = ((lon2 - lon1) * Math.PI) / 180;
var a =
Math.sin(Δφ / 2) * Math.sin(Δφ / 2) +
Math.cos(φ1) * Math.cos(φ2) * Math.sin(Δλ / 2) * Math.sin(Δλ / 2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
var distance = R * c;
return distance;
}
function sendData(latitude, longitude) {
// Sekarang Anda dapat mengirimkan garis lintang dan bujur ke backend PHP Anda menggunakan AJAX atau metode lainnya
// For example:
var xhr = new XMLHttpRequest();
xhr.open("POST", "process_coordinates.php", true); // Ganti "process_coordinates.php" dengan URL yang sesuai
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
var data = "latitude=" + latitude + "&longitude=" + longitude;
xhr.send(data);
}
</script>
<!-- <script async defer src="https://www.google.com/maps/embed/v1/view?key=AIzaSyD_7AU1pVekCxM9B_sYj1e2gM8mcqdMs94&q=$latitude,$longitude">
</script> -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_7AU1pVekCxM9B_sYj1e2gM8mcqdMs94&callback=initMap"></script>
<style>
#latitude,
#longitude {
display: none;
/* Menyembunyikan elemen input */
}
</style>
<script>
function initMap() {
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(function(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var mapOptions = {
center: {
lat: latitude,
lng: longitude
},
zoom: 24 //untuk mengatur kedekatan maps
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var marker = new google.maps.Marker({
position: {
lat: latitude,
lng: longitude
},
map: map,
title: "Lokasi Anda"
});
});
}
}
</script>
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
// Konfigurasi database
$host = 'sdb-l.hosting.stackcp.net'; // Ganti dengan nama host database Anda
$username = 'ilenaclon-313932fc30'; // Ganti dengan username database Anda
$password = 'oW&A{Q(z{Cvw'; // Ganti dengan password database Anda
$database = 'ilenaclon-313932fc30'; // Ganti dengan nama database Anda
// Koneksi ke database
$koneksi = new mysqli($host, $username, $password, $database);
// Periksa koneksi
if ($koneksi->connect_error) {
die("Koneksi database gagal: " . $koneksi->connect_error);
}
// Ambil data latitude dan longitude dari permintaan POST
$latitude = $_POST['latitude'];
$longitude = $_POST['longitude'];
// Query untuk menyimpan data ke dalam tabel "absen"
$sql = "INSERT INTO attendance_employees (latitude, longitude) VALUES ('$latitude', '$longitude')";
if ($koneksi->query($sql) === TRUE) {
echo "Data berhasil disimpan.";
} else {
echo "Error: " . $sql . "<br>" . $koneksi->error;
}
// Tutup koneksi database
$koneksi->close();
}
?>
@endif
@endpush