<?php $__env->startSection('headCss'); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('headJs'); ?>
    <script src="<?php echo e(asset('assets/javascripts/fontawesome-markers.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/javascripts/jquery.bootstrap-touchspin.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/javascripts/bootstrap3-typeahead.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('navBar'); ?>
    <?php echo $__env->make('layouts.navBar', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('mainMenu'); ?>
    <?php echo $__env->make('layouts.mainMenu', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <div id="jobDetailPanel" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">Job Detail</h4>
                </div>
                <div class="modal-body">
                    <div class="col-xs-12 panelOverFlow" id="jobDetailModalContent">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="jobSecondDetailPanel" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">Job Process Detail</h4>
                </div>
                <div class="modal-body">
                    <div class="col-xs-12 panelOverFlow" id="jobSecondDetailModalContent">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="panel-group panel-group-light-green" id="timeSheetGroup">
        <div class="panel">
            <div class="panel-heading">
                <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#mapSearch"
                   href="#mapSearchCriteria">
                    &nbsp;Search Criteria
                </a>
            </div>
            <div id="mapSearchCriteria" class="panel-collapse collapse">
                <div class="panel-body">
                    <div id="mapSearchForm"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="mapPanel"></div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('footerJs'); ?>
    <script type="text/javascript">
        var generateMapSearchForm = function() {
            var generateMapSearchFormUrl = '<?php echo e(URL::action("MapController@generateMapSearchForm")); ?>';
            $.post(generateMapSearchFormUrl, {
                _token: '<?php echo e(csrf_token()); ?>'
            }).done(function (data) {
                $('#mapSearchForm').html(data);
            }).fail(function (data) {
                new PNotify({
                    title: 'Map search form generating failed',
                    text: 'Please retry...',
                    type: 'error',
                    icon: 'fa fa-times-circle-o'
                });
            });
        };
        generateMapSearchForm();

        var generateMap = function() {
            var generateMapUrl = '<?php echo e(URL::action("MapController@generateMap")); ?>';
            $.post(generateMapUrl, {
                startDate: changeDateFormatToISO($('#startDate').val()),
                endDate: changeDateFormatToISO($('#endDate').val()),
                searchJobs: $('#searchJob').val(),
                searchClients: $('#searchClient').val(),
                _token: '<?php echo e(csrf_token()); ?>'
            }).done(function (data) {
                $('#mapPanel').html(data);
            }).fail(function (data) {
                new PNotify({
                    title: 'Map generated failed',
                    text: 'Please retry...',
                    type: 'error',
                    icon: 'fa fa-times-circle-o'
                });
            });
        };
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>