﻿@extends('layouts.admin')

@section('page-title')
    {{ __('Dashboard') }}
@endsection
@php
    $setting = App\Models\Utility::settings();
    $icons = \App\Models\Utility::get_file('uploads/job/icons/');
@endphp
@section('content')
    <div class="welcome-back-wrapper-box">
        <div
            class="welcome-back-wrapper banner-cover d-flex flex-column flex-lg-row justify-content-between position-relative text-white">
            <div class="flex-grow-1 pe-lg-4 p-4">
                <h3 class="h4 welcome-box">Welcome back, {{ Auth::user()->name }}</h3>
                <p class="mt-2 welcome-back-sub">
                    Welcome to Payraty—a platform designed to transform the way you manage your business.
                    In today's fast-paced world, efficiency and accuracy are critical to staying ahead.
                </p>
            </div>
            <div class="flex-shrink-0" style="position: relative;">
                <svg height="150" viewBox="0 0 300 192" fill="none" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink">
                    <rect width="300" height="192" fill="url(#pattern0_1262_38308)" />
                    <defs>
                        <pattern id="pattern0_1262_38308" patternContentUnits="objectBoundingBox" width="1" height="1">
                            <use xlink:href="#image0_1262_38308" transform="scale(0.00333333 0.00520833)" />
                        </pattern>
                        <image id="image0_1262_38308" width="300" height="192"
                            xlink:href="data:image/png;base64,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" />
                    </defs>
                </svg>
                <span class="welcome-back-cancel-box" id="dismissWelcome">
                    <svg class="welcome-back-cancel" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor" viewBox="0 0 24 24">
                        <path fill-rule="evenodd"
                            d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm7.707-3.707a1 1 0 0 0-1.414 1.414L10.586 12l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 13.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 12l2.293-2.293a1 1 0 0 0-1.414-1.414L12 10.586 9.707 8.293Z"
                            clip-rule="evenodd" />
                    </svg>
                    </span>
                    </div>
                    </div>
                    </div>
    @if (session('status'))
        <div class="alert alert-success" role="alert">
            {{ session('status') }}
        </div>
    @endif


    @if (\Auth::user()->type == 'employee')
        <div class="row">
            <div class="col-xxl-6">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-lg-6">
                                <h5>{{ __('Calendar') }}</h5>
                                <input type="hidden" id="path_admin" value="{{ url('/') }}">
                            </div>
                            <div class="col-lg-6">
                                {{-- <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"
                                        style="float: right;width: 155px;" onchange="get_data()">
                                        <option value="google_calender">{{ __('Google Calendar') }}</option>
                                        <option value="local_calender" selected="true">
                                            {{ __('Local Calendar') }}
                                            </option>
                                    </select>
                                @endif
                                {{-- </div> --}}
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div id='event_calendar' class='calendar'></div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-6">
                <div class="card" style="height: 230px;">
                    <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 float-right border-right">
                                {{ Form::open(['url' => 'attendanceemployee/attendance', 'method' => 'post']) }}
                                @if (empty($employeeAttendance) || $employeeAttendance->clock_out != '00:00:00')
                                    <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() }}
                            </div>
                            <div class="col-md-6 float-left">
                                @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 class="card" style="height: 402px;">
                    <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>
        </div>
    @else
        <div class="row">
            <div class="col-xl-12 mt-4">
                <div class="hris-container">
                    <div class="p-4 hris-box" style="background: #F0F2F5; margin-bottom: 25px;">
                        <div class="d-flex justify-content-between">
                            <div>
                                <h3 class="h5 text-dark font-weight-semibold summary-text">Summary</h3>
                            </div>
                            <div class="d-flex justify-content-end align-items-center gap-3 mt-3 mt-lg-0">
                                <a href="{{ route('employee.create') }}" data-size="xl" data-url=""
                                    data-ajax-popup="true"
                                    data-bs-toggle="tooltip" title="{{ __('Create') }}"
                                    data-title="{{ __('Create Product & Service') }}"
                                    class="btn btn-outline-primary-dark d-flex align-items-center mr-3">
                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M12 5V19" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                    </svg>
                                    <span class="ms-2">Create Employee</span>
                                </a>
                                <a href="{{ route('job.create') }}" data-size="xl" data-url="" data-ajax-popup="true"
                                    data-bs-toggle="tooltip" title="{{ __('Create') }}"
                                    data-title="{{ __('Create Product & Service') }}"
                                    class="btn btn-outline-dark d-flex align-items-center">
                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path d="M12 5V19" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                        <path d="M5 12H19" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                            stroke-linejoin="round" />
                                    </svg>
                                    <span class="ms-2">Create Job</span>
                                </a>
                            </div>
                        </div>
                        <div class="mt-4">
                            <div class="row g-4">
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 blue-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/product.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 blue-text font-weight-bold">
                                                    {{ \Auth::user()->priceFormat($accountBalance) }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Account balance</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 orange-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/sales.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 orange-text font-weight-bold">
                                                    {{ $countTicket }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Ticket</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 green-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/customer.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 green-text font-weight-bold">
                                                    {{ $countUser + $countEmployee }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Staff</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 red-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/invoice.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 red-text font-weight-bold">
                                                    {{ $activeJob + $inActiveJOb }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Jobs</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 red-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/invoice.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 red-text font-weight-bold">
                                                    {{ $activeJob }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Active Jobs</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <a href="" class="card border-0 bg-white shadow-sm text-decoration-none">
                                        <div class="card-body d-flex flex-column justify-content-between p-4">
                                            <div class="d-flex align-items-center text-sm text-muted">
                                                <span class="p-2 red-color rounded-circle">
                                                    <img src="{{ asset('assets/images/svg/invoice.svg') }}" class="w-4 h-4"
                                                        alt="Employee Icon" />
                                                </span>
                                            </div>
                                            <dl class="mt-3 total-box">
                                                <dt class="h2 red-text font-weight-bold">
                                                    {{ $inActiveJOb }}
                                                </dt>
                                                <dd class="mt-2 total-text">Total Inactive Jobs</dd>
                                            </dl>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <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-lg-6">
                                    <h5>{{ __('Calendar') }}</h5>
                                    <input type="hidden" id="path_admin" value="{{ url('/') }}">
                                </div>
                                <div class="col-lg-6">
                                    {{-- <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"
                                            style="float: right;width: 155px;" onchange="get_data()">
                                            <option value="google_calender">{{ __('Google Calendar') }}</option>
                                            <option value="local_calender" selected="true">
                                                {{ __('Local Calendar') }}
                                            </option>
                                        </select>
                                    @endif
                                    {{-- </div> --}}
                                </div>
                            </div>
                        </div>
                        <div class="card-body card-635 ">
                            <div id='calendar' class='calendar'></div>
                        </div>
                    </div>
            </div>
        </div>

                <div class="row">
                    @if (\Auth::user()->type == 'company')
                        <div class="col-xl-12 mt-4">
                            <div class="card">
                                <div class="card-header card-body table-border-style">
                                    <h5>{{ __('Announcement List') }}</h5>
                                </div>
                                <div class="card-body" style="height: 324px; 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>
                    @endif
                </div>


                @if (\Auth::user()->type != 'company')
                    <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>
                @endif
    @endif
    </div>
@endsection



    @push('script-page')
        <script src="{{ asset('assets/js/plugins/main.min.js') }}"></script>
        <script src="{{ asset('assets/js/plugins/apexcharts.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();

                    $('#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) {

                            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') }}"
                                },
                                // slotLabelFormat: {
                                //     hour: '2-digit',
                                //     minute: '2-digit',
                                //     hour12: false,
                                // },
                                themeSystem: 'bootstrap',
                                slotDuration: '00:10:00',
                                allDaySlot: true,
                                navLinks: true,
                                droppable: true,
                                selectable: true,
                                selectMirror: true,
                                editable: true,
                                dayMaxEvents: true,
                                handleWindowResize: true,
                                events: data,
                                // height: 'auto',
                                // timeFormat: 'H(:mm)',
                            });
                            calendar.render();
                        }
                    });
                };
            </script>
        @else
            <script>
                $(document).ready(function() {
                    get_data();
                });

                function get_data() {
                    var calender_type = $('#calender_type :selected').val();

                    $('#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) {
                            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') }}"
                                },
                                // slotLabelFormat: {
                                //     hour: '2-digit',
                                //     minute: '2-digit',
                                //     hour12: false,
                                // },
                                themeSystem: 'bootstrap',
                                slotDuration: '00:10:00',
                                allDaySlot: true,
                                navLinks: true,
                                droppable: true,
                                selectable: true,
                                selectMirror: true,
                                editable: true,
                                dayMaxEvents: true,
                                handleWindowResize: true,
                                events: data,
                                // height: 'auto',
                                // timeFormat: 'H(:mm)',

                            });

                            calendar.render();
                        }
                    });
                        };
                    </script>
        @endif

    @endp