<?php $__env->startSection('title', 'Add Service Type '); ?>
<?php $__env->startSection('styles'); ?>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.min.css" />
<style>
.headtitle{
    /* padding-bottom: 2rem; */
}
.headtitle p{
    font-weight: bold;
    text-align: center;
}
.p_left{
    padding: 0 2px;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="content-area py-1">
    <div class="container-fluid">
    
        <div class="row bg-title">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4 class="page-title"><?php echo app('translator')->get('admin.member.service_types'); ?></h4><a href="<?php echo e(route('admin.service.index')); ?>" class="btn btn-outline-warning btn-rounded w-min-sm m-l-0-75 waves-effect waves-light"><?php echo app('translator')->get('admin.list_service_types'); ?></a>
            </div>
            <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="<?php echo e(route('admin.dashboard')); ?>"><?php echo app('translator')->get('admin.dashboard'); ?></a></li>
                    <li class="active"><?php echo app('translator')->get('admin.member.add_service_type'); ?></li>
                </ol>
            </div>
        </div>

    <form class="form-horizontal" autocomplete="off" action="<?php echo e(route('admin.service.store')); ?>" method="POST" enctype="multipart/form-data" role="form">
    <div class="row">
        <div class="box box-block bg-white">
            <h5><?php echo app('translator')->get('admin.member.add_service_type'); ?></h5>
                <?php echo e(csrf_field()); ?>

            <div class="form-group row">
                <label for="name" class="col-xs-12 col-form-label"><?php echo app('translator')->get('admin.member.service_name'); ?></label>
                <div class="col-xs-10">
                    <input class="form-control" type="text" value="<?php echo e(old('name')); ?>" name="name" required id="name" placeholder="<?php echo app('translator')->get('admin.member.service_name'); ?>">
                </div>
            </div>

            <div class="form-group row">
                <label for="picture" class="col-xs-12 col-form-label"><?php echo app('translator')->get('admin.member.service_image'); ?></label>
                <div class="col-xs-10">
                    <input type="file" accept="image/*" name="image" class="dropify form-control-file" id="picture" aria-describedby="fileHelp">
                </div>
            </div>
            <div class="form-group row">
                <label for="p_enable" class="col-xs-12 col-form-label">Peak Rate</label>
                <div class="col-xs-10">
                    <select class="form-control" id="p_enable" name="p_enable">
                        <option value="1">Friday, Saturday only</option>
                        <option value="2">Special Day</option>
                    </select>
                    <p style="font-size: 12px;padding-top: 10px;color: red;">(Peak fare will be applied on christmas day, Boxing day, New Year eve and New Year)</p>
                </div>
            </div>
            <div class="form-group row">
                <label for="description" class="col-xs-12 col-form-label"><?php echo app('translator')->get('admin.member.description'); ?></label>
                <div class="col-xs-10">
                    <textarea class="form-control" value="<?php echo e(old('description')); ?>" name="description" required id="description" placeholder="<?php echo app('translator')->get('admin.member.description'); ?>" rows="4"></textarea>
                </div>
            </div>    
        </div>
        </div>
        <div class="row headtitle">
            <div class="box box-block bg-white">
                <h5 style="margin-bottom: 1em;">Tariff</h5>
                <div class="row">
                    <div class="col-xs-4"><p></p></div>
                    <div class="col-xs-2"><p>Day Time</p></div>
                    <div class="col-xs-2"><p>Night Time</p></div>
                    <div class="col-xs-2"><p>Peak Time</p></div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Starting Time</label>
                    <div class="col-xs-2">
                        <input type="text" name="d_stime" id="d_stime" class="form-control" placeholder="Start time" value="<?php echo e(old('d_stime')); ?>" required>
                    </div>
                    <div class="col-xs-2">
                        <input type="text" name="n_stime" id="n_stime" class="form-control" placeholder="Start time" value="<?php echo e(old('n_stime')); ?>" required>
                    </div>
                    <div class="col-xs-2">
                        <input type="text" name="p_stime" id="p_stime" class="form-control" placeholder="Start time" value="<?php echo e(old('p_stime')); ?>" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Ending Time</label>
                    <div class="col-xs-2">
                        <input type="text" name="d_etime" id="d_etime" class="form-control" placeholder="End time" value="<?php echo e(old('d_etime')); ?>" required>
                    </div>
                    <div class="col-xs-2">
                        <input type="text" name="n_etime" id="n_etime" class="form-control" placeholder="End time" value="<?php echo e(old('n_etime')); ?>" required>
                    </div>
                    <div class="col-xs-2">
                        <input type="text" name="p_etime" id="p_etime" class="form-control" placeholder="End time" value="<?php echo e(old('p_etime')); ?>" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Flag fall (<?php echo e(currency()); ?>)</label>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('d_flag')); ?>" name="d_flag" required id="d_flag" placeholder="Flag fall">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('n_flag')); ?>" name="n_flag" required id="n_flag" placeholder="Flag fall">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('p_flag')); ?>" name="p_flag" required id="p_flag" placeholder="Flag fall">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Distance Rate (<?php echo e(currency()); ?>)/km</label>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('d_distance')); ?>" name="d_distance" required id="d_distance" placeholder="Distance rate">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('n_distance')); ?>" name="n_distance" required id="n_distance" placeholder="Distance rate">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('p_distance')); ?>" name="p_distance" required id="p_distance" placeholder="Distance rate">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Booking fee (<?php echo e(currency()); ?>)</label>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('d_booking')); ?>" name="d_booking" required id="d_booking" placeholder="Booking fee">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('n_booking')); ?>" name="n_booking" required id="n_booking" placeholder="Booking fee">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('p_booking')); ?>" name="p_booking" required id="p_booking" placeholder="Booking fee">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="price" class="col-xs-4 col-form-label">Waiting time (<?php echo e(currency()); ?>)</label>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('d_waiting')); ?>" name="d_waiting" required id="d_waiting" placeholder="Waiting fee">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('n_waiting')); ?>" name="n_waiting" required id="n_waiting" placeholder="Waiting fee">
                    </div>
                    <div class="col-xs-2">
                       <input class="form-control" type="text" value="<?php echo e(old('p_waiting')); ?>" name="p_waiting" required id="p_waiting" placeholder="Waiting fee">
                    </div>
                </div>
            </div>
            </div>
            <div class="row">
                <div class="box box-block bg-white">
                <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> <?php echo app('translator')->get('admin.member.add_service_type'); ?></button>
                        <a href="<?php echo e(route('admin.service.index')); ?>" class="btn btn-inverse waves-effect waves-light"><?php echo app('translator')->get('admin.member.cancel'); ?></a>
                </div>
               
            </div>
        </form>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js"></script>
<script type="text/javascript">
    
    var maxdate = <?php echo json_encode( \Carbon\Carbon::today()->format('Y-m-d\TH:i') ); ?>

    $('#d_stime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });
    $('#n_stime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });
    $('#p_stime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });

    $('#d_etime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });
    $('#n_etime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });
    $('#p_etime').datetimepicker({
         datepicker:false,
         format:'H:i:s',
         step:5
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layout.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>