



<?php $__env->startSection('title'); ?>
<?php echo e(__('Calendar')); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('breadcrumb'); ?>
<div class="row page-title">
    <div class="col-md-12"> 
        <nav aria-label="breadcrumb" class="float-right mt-1">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo e(route('dashboard')); ?>"><?php echo e(__('Home')); ?></a></li>
                <li class="breadcrumb-item active" aria-current="page"><?php echo e(__('Calendar')); ?></li>
            </ol>
        </nav>
        <h4 class="mb-1 mt-0"><?php echo e(__('Calendar')); ?></h4>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-xl-2 col-lg-3 col-6">
                        <img src="<?php echo e(URL::asset('assets/images/cal.png')); ?>" class="mr-4 align-self-center img-fluid "
                            alt="cal" />
                    </div>
                    <div class="col-xl-10 col-lg-9">
                        <div class="mt-4 mt-lg-0">
                            <h5 class="mt-0 mb-1 font-weight-bold">Welcome to Your Calendar</h5>
                            <p class="text-muted mb-2">The calendar shows the events synced from all
                                your linked calendars.
                                Click on event to see or edit the details. You can create new event by
                                clicking on "Create New event" button or any cell available
                                in calendar below.</p>

                            <button class="btn btn-primary mt-2 mr-1" id="btn-new-event"><i class="uil-plus-circle"></i>
                                <?php echo e(__('Create new event')); ?></button>
                            <button class="btn btn-white mt-2"><i class="uil-sync"></i> <?php echo e(__('Link calendars')); ?></button>
                        </div>
                    </div>
                </div>

            </div> <!-- end card body-->
        </div> <!-- end card -->
    </div>
    <!-- end col-12 -->
</div> <!-- end row -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div id="calendar"></div>
            </div> <!-- end card body-->
        </div> <!-- end card -->
    </div>
    <!-- end col-12 -->
</div> <!-- end row -->

<!-- modals -->
<!-- Add New Event MODAL -->
<div class="modal fade" id="event-modal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header py-3 px-4 border-bottom-0 d-block">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h5 class="modal-title" id="modal-title"><?php echo e(__('Event')); ?></h5>
            </div>
            <div class="modal-body p-4">
                <form class="needs-validation" name="event-form" id="form-event" novalidate>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label class="control-label"><?php echo e(__('Event name')); ?></label>
                                <input class="form-control" placeholder="<?php echo e(__('Insert event name')); ?>" type="text" name="title"
                                    id="event-title" required />
                                <div class="invalid-feedback"><?php echo e(__('Please provide a valid event name')); ?></div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label class="control-label"><?php echo e(__('Time')); ?></label>
                                <input type="text" id="basic-timepicker" class="form-control" placeholder="Select time">
                                <div class="invalid-feedback"><?php echo e(__('Please provide a valid event name')); ?></div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label class="control-label"><?php echo e(__('Event priority')); ?></label>
                                <select class="form-control custom-select" name="category" id="event-category" required>
                                    <option value="bg-danger" selected>Urgent</option>
                                    <option value="bg-primary">Normal</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="form-group">
                                <label class="control-label"><?php echo e(__('Event details')); ?>:</label>
                                <textarea name="" id="" cols="30" rows="3" class="form-control" value="<?php echo e(__('Enter event detail')); ?>"></textarea>
                                
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-6">
                            <button type="button" class="btn btn-danger" id="btn-delete-event"><?php echo e(__('Delete')); ?></button>
                        </div>
                        <div class="col-6 text-right">
                            <button type="button" class="btn btn-light mr-1" data-dismiss="modal"><?php echo e(__('Close')); ?></button>
                            <button type="submit" class="btn btn-success" id="btn-save-event"><?php echo e(__('Save')); ?></button>
                        </div>
                    </div>
                </form>
            </div>
        </div> <!-- end modal-content-->
    </div> <!-- end modal dialog-->
</div>
<!-- end modal-->
<?php $__env->stopSection(); ?>



<?php $__env->startSection('script-bottom'); ?>
<script type="text/javascript">
    var today = new Date($.now());
    var defaultEvents =  [{
        title: 'Meeting with Mr. Shreyu',
        start: new Date($.now() + 158000000),
        end: new Date($.now() + 338000000),
        className: 'bg-warning'
    },
    {
        title: 'Interview - Backend Engineer',
        start: today,
        end: today,
        className: 'bg-success'
    },
    {
        title: 'Phone Screen - Frontend Engineer',
        start: new Date($.now() + 168000000),
        className: 'bg-info'
    },
    {
        title: 'Buy Design Assets',
        start: new Date($.now() + 338000000),
        end: new Date($.now() + 338000000 * 1.2),
        className: 'bg-primary',
    }];
</script>
<script src="<?php echo e(URL::asset('assets/js/pages/calendar.init.js')); ?>"></script>
<script src="<?php echo e(URL::asset('assets/js/pages/form-advanced.init.js')); ?>"></script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH G:\php\www\laravel\baramdat\hvg\hvg\resources\views/general/calendar.blade.php ENDPATH**/ ?>