<!-- Page Content -->
        <div id="page-wrapper">
            <div class="container-fluid">

                <!-- /.row -->
                <!-- .row -->
                <div class="row">

                    <div class="col-md-12 col-xs-12">

                        <div class="tab-content">

                            <?php if ($this->session->flashdata('cus_success_msg')) { ?>
                                <div class="alert alert-success alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                    <?= $this->session->flashdata('cus_success_msg') ?>
                                </div>
                            <?php } ?>
                            <?php if ($this->session->flashdata('cus_error_msg')) { ?>
                                <div class="alert alert-danger alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                    <?= $this->session->flashdata('cus_error_msg') ?>
                                </div>
                            <?php } ?>

                            <div class="">
                                <form id="booking_form" class="form-horizontal form-material" method="post" action="<?php echo base_url('customer/booking/add_booking'); ?>">
                                    <div class="row">

                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label for="company_name" class="col-md-12">Select Car <sup class="super">*</sup></label>
                                                <div class="col-md-12">
                                                    <select class="form-control form-control-line" id="car_id" name="car_id" required>
                                                        <option value="">Select</option>
                                                        <?php foreach($cars as $car){?>
									                        <option value="<?php echo $car['car_id']; ?>" <?=($car['car_id'] == set_value('car_id')?'selected':'')?>><?php echo $car['car_no']; ?></option>
								                        <?php } ?>
                                                    </select>
                                                    <?php echo form_error('car_id', '<span class="error">', '</span>'); ?>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label for="service_date" class="col-md-12">Service Date <sup class="super">*</sup></label>
                                                <div class="col-md-12">
                                                    <input type="text" class="form-control form-control-line" id="service_date" name="service_date" value="<?php echo set_value('service_date'); ?>" placeholder="Service Date" required="required">
                                                    <?php echo form_error('service_date', '<span class="error">', '</span>'); ?>
                                                </div>
                                            </div>
                                        </div>
                                         
                                        <div class="col-md-4 col-sm-4">
                                            <div class="form-group">
                                                <label for="company_name" class="col-md-12">Select Mechanic <sup class="super">*</sup></label>
                                                <div class="col-md-12">
                                                    <select class="form-control form-control-line" id="mechanic_id" name="mechanic_id" required>
                                                        <option value="">Select Mechanic</option>
                                                        <?php foreach($mechanics as $mechanic){?>
									                        <option value="<?php echo $mechanic['admin_id']; ?>" <?=($mechanic['admin_id'] == set_value('mechanic_id')?'selected':'')?>><?php echo $mechanic['first_name']." ".$mechanic['last_name'] ?></option>
								                        <?php } ?>
                                                    </select>
                                                    <?php echo form_error('mechanic_id', '<span class="error">', '</span>'); ?>
                                                </div>
                                            </div>
                                        </div>


                                        

                                        <div class="col-md-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="company_name" class="col-md-12">Select Service <sup class="super">*</sup></label>
                                                <div class="col-md-12">
                                                    <select class="select2 m-b-10 select2-multiple" id="service_id" name="service_id[]" multiple="multiple" data-placeholder="Choose" required>
                                                        <option value="" disabled>Select service</option>
                                                        <?php foreach($services as $service){ ?>
                                                            <option value="<?php echo $service['service_id']; ?>" <?=($service['service_id'] == set_value('service_id')?'selected':'')?>><?php echo $service['service_name'] ?></option>
                                                        <?php } ?>
                                                    </select>
                                                    <?php echo form_error('service_id[]', '<span class="error">', '</span>'); ?>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12 col-sm-12">
                                            <div class="form-group">
                                                <label for="job_note" class="col-md-12">Add Notes</label>
                                                <div class="col-md-12">
                                                    <textarea class="form-control form-control-line" rows="2" id="job_note" name="job_note" placeholder="Add Notes"><?php echo set_value('job_note'); ?></textarea>
                                                    <?php echo form_error('job_note', '<span class="error">', '</span>'); ?>
                                                </div>
                                            </div>
                                        </div>




                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-12" style="text-align:center;">
                                            <button type="submit" class="btn btn-success">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.row -->

        </div>
<script>
    $(document).ready(function() {
        $('#service_date').datepicker({
            format: 'dd/mm/yyyy',
            startDate: '+0d',
            todayHighlight: true,
            autoclose: true
        });
        $(".select2").select2();
    })
    $("#booking_form").validate({
        errorElement: "em",
        errorClass: "form_validation_error",
    });
</script>