<?php
defined('BASEPATH') or exit('No direct script access allowed'); ?>

<section class="clean-block rate-inquiry">
    <div class="container">
        <div class="row block-heading">
            <?php
            if ($sidebarEnabled) {
            ?>
                <div class="col-12 col-lg-3 order-2 order-lg-1 sidebar">
                    <div class="sidebar-block">
                        <div class="sidebar-title active"><?= _l('front.rate_inquiry'); ?></div>
                        <div class="leftmenuitems"></div>
                    </div>
                </div>
            <?php
            }
            ?>
            <div class="col order-1 order-lg-2 main-content">
                <?php
                if ($breadcrumbEnabled) {
                ?>
                    <div class="breadcrumb">
                        <a href="/"><span><?= _l('front.home') ?></span></a>&nbsp;>&nbsp;
                        <span><?php echo _l('front.rate_inquiry'); ?></span>
                    </div>
                <?php
                }
                ?>
                <div class="row">
                    <!-- <div class="rate-inquiry-left col-12 col-md-5">
                        <div class="block-heading">
                            <h2 class="text-info"><?= _l('front.rate_inquiry'); ?></h2>
                        </div>
                        <div class="text-justify">
                            <?php echo _l('front.rate_inquiry.rate_inquiry_description'); ?>
                        </div>
                    </div> -->
                    <div class="rate-inquiry-right col-12 ">
                        <div class="block-heading">
                            <h2 class="text-info-no-underline"><?= _l('front.rate_inquiry.contact_info.title'); ?></h2>
                        </div>
                        <div id="rateinquiryform">
                            <?php echo form_open('/rate_inquiry/inquiry', ['id' => 'inquiryform', 'class' => 'form-horizontal', 'method' => 'post']); ?>
                            <div class="form-group">
                                <label for="contact_name" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.contact_name'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="contact_name" id="contact_name" value="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="company_name" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.company_name'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="company_name" id="company_name" value="<?= set_value('company_name') ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="contact_phone" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.phone_number'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="contact_phone" id="contact_phone" value="<?= set_value('contact_phone') ?>">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="contact_email" class="input-label"><?php echo lang('front.rate_inquiry.contact_info.email_address'); ?></label>
                                <div class=" ">
                                    <input type="contact_email" class="form-control" name="contact_email" id="contact_email" value="<?= set_value('contact_email') ?>">
                                </div>
                            </div>
                            <div class="block-heading">
                                <h2 class="text-info-no-underline"><?php echo _l('front.rate_inquiry.rate_inquiry.title'); ?></h2>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>">
                                    </div>
                                </div>
                                <div class="form-group col-6">
                                    <label for="destination" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.destination'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="destination" id="destination" value="<?= set_value('destination') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- transportation methods starts -->
                                <div class="form-group col-6">
                                    <label for="transportation_methods" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.transportation_methods'); ?>*</label>
                                    <select class="form-control" id="transportation_methods" name="transportation_methods">
                                        <option value="">--<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods') ?>--</option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?></option>
                                    </select>
                                </div>
                                <!-- transportation methods ends -->

                                <div class="form-group col-6">
                                    <label for="weight" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.weight'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="weight" id="weight" value="<?= set_value('weight') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="size" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.size'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="size" id="size" value="<?= set_value('size') ?>">
                                    </div>
                                </div>

                                <div class="form-group col-6">
                                    <label for="commodity" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.commodity'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="commodity" id="commodity" value="<?= set_value('commodity') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="delivery_date" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.delivery_date'); ?>
                                        *</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="delivery_date" id="delivery_date" value="<?= set_value('delivery_date') ?>">
                                    </div>
                                </div>
                                <!-- delivery_terms -->
                                <div class="form-group col-6">
                                    <label for="delivery_terms" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.delivery_terms'); ?></label>
                                    <div class=" ">
                                        <textarea class="form-control" name="delivery_terms" id="delivery_terms" rows="1"><?= set_value('delivery_terms') ?></textarea>
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="form-group col-6">

                                    <!--                        <input type="hidden" name="hash" value="--><?php //echo $hash; 
                                                                                                            ?>
                                    <!--">-->
                                    <!--                        <input type="hidden" name="recaptcha_response" id="recaptchaResponse">-->
                                    <button type="submit" class="btn btn-primary inquirybtn"><?= _l('front.rate_inquiry.rate_inquiry.inquiry_button') ?></button>
                                </div>

                            </div>

                            <?php $valerr = validation_errors(); ?>
                            <?php if (isset($valerr) && !empty($valerr)) : ?>
                                <div class="form-group">
                                    <div class="col-12 col-sm-10 alert alert-danger">
                                        <?php echo $valerr; ?>
                                    </div>
                                </div>
                            <?php endif; ?>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="clean-block rate-inquiry">
    <div class="container">
        <div class="row block-heading">
            <?php
            if ($sidebarEnabled) {
            ?>
                <div class="col-12 col-lg-3 order-2 order-lg-1 sidebar">
                    <div class="sidebar-block">
                        <div class="sidebar-title active"><?= _l('front.rate_inquiry'); ?></div>
                        <div class="leftmenuitems"></div>
                    </div>
                </div>
            <?php
            }
            ?>
            <div class="col order-1 order-lg-2 main-content">
                <?php
                if ($breadcrumbEnabled) {
                ?>
                    <div class="breadcrumb">
                        <a href="/"><span><?= _l('front.home') ?></span></a>&nbsp;>&nbsp;
                        <span><?php echo _l('front.rate_inquiry'); ?></span>
                    </div>
                <?php
                }
                ?>
                <div class="row">
                    <!-- <div class="rate-inquiry-left col-12 col-md-5">
                        <div class="block-heading">
                            <h2 class="text-info"><?= _l('front.rate_inquiry'); ?></h2>
                        </div>
                        <div class="text-justify">
                            <?php echo _l('front.rate_inquiry.rate_inquiry_description'); ?>
                        </div>
                    </div> -->
                    <div class="rate-inquiry-right col-12 ">
                        <div class="block-heading">
                            <h2 class="text-info-no-underline"><?= _l('front.rate_inquiry.contact_info.title'); ?></h2>
                        </div>
                        <div id="rateinquiryform">
                            <?php echo form_open('/rate_inquiry/inquiry', ['id' => 'inquiryform', 'class' => 'form-horizontal', 'method' => 'post']); ?>
                            <div class="form-group">
                                <label for="contact_name" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.contact_name'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="contact_name" id="contact_name" value="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="company_name" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.company_name'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="company_name" id="company_name" value="<?= set_value('company_name') ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="contact_phone" class="input-label"><?php echo _l('front.rate_inquiry.contact_info.phone_number'); ?>*</label>
                                <div class=" ">
                                    <input type="text" class="form-control" name="contact_phone" id="contact_phone" value="<?= set_value('contact_phone') ?>">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="contact_email" class="input-label"><?php echo lang('front.rate_inquiry.contact_info.email_address'); ?></label>
                                <div class=" ">
                                    <input type="contact_email" class="form-control" name="contact_email" id="contact_email" value="<?= set_value('contact_email') ?>">
                                </div>
                            </div>
                            <div class="block-heading">
                                <h2 class="text-info-no-underline"><?php echo _l('front.rate_inquiry.rate_inquiry.title'); ?></h2>
                            </div>

                            <div class="row">

                                <div class="form-group col-md-4">
                                    <label for="transportation_methods" class="input-label">服務選項*</label>
                                    <select class="form-control" id="transportation_methods" name="transportation_methods">
                                        <option value="">--<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods') ?>--</option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?></option>
                                    </select>

                                </div>

                                <div class="form-group col-md-4">
                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>">
                                    </div>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="destination" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.destination'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="destination" id="destination" value="<?= set_value('destination') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- transportation methods starts -->
                                <div class="form-group col-6">
                                    <label for="transportation_methods" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.transportation_methods'); ?>*</label>
                                    <select class="form-control" id="transportation_methods" name="transportation_methods">
                                        <option value="">--<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods') ?>--</option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?></option>
                                    </select>
                                </div>
                                <!-- transportation methods ends -->

                                <div class="form-group col-6">
                                    <label for="weight" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.weight'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="weight" id="weight" value="<?= set_value('weight') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="size" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.size'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="size" id="size" value="<?= set_value('size') ?>">
                                    </div>
                                </div>

                                <div class="form-group col-6">
                                    <label for="commodity" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.commodity'); ?>*</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="commodity" id="commodity" value="<?= set_value('commodity') ?>">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <label for="delivery_date" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.delivery_date'); ?>
                                        *</label>
                                    <div class=" ">
                                        <input type="text" class="form-control" name="delivery_date" id="delivery_date" value="<?= set_value('delivery_date') ?>">
                                    </div>
                                </div>
                                <!-- delivery_terms -->
                                <div class="form-group col-6">
                                    <label for="delivery_terms" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.delivery_terms'); ?></label>
                                    <div class=" ">
                                        <textarea class="form-control" name="delivery_terms" id="delivery_terms" rows="1"><?= set_value('delivery_terms') ?></textarea>
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="form-group col-6">

                                    <!--                        <input type="hidden" name="hash" value="--><?php //echo $hash; 
                                                                                                            ?>
                                    <!--">-->
                                    <!--                        <input type="hidden" name="recaptcha_response" id="recaptchaResponse">-->
                                    <button type="submit" class="btn btn-primary inquirybtn"><?= _l('front.rate_inquiry.rate_inquiry.inquiry_button') ?></button>
                                </div>

                            </div>



                            <div class="d-flex flex-wrap bg-light">
                                <!-- <div class="p-2 border  flex-fill">

                                    <label for="transportation_methods" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.transportation_methods'); ?>*</label>
                                    <select class="form-control" id="transportation_methods" name="transportation_methods" style="display: unset; width:calc(100% - 88px); ">
                                        <option value="">--<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods') ?>--</option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.air_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.sea_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.road_transport') ?></option>
                                        <option value="<?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?>"><?= _l('front.rate_inquiry.rate_inquiry.transportation_methods.land_transport') ?></option>
                                    </select>

                                </div> -->

                                <div class="p-2 border  flex-fill col-md-4">

                                    <label for="departure" class="input-label">服務選項</label>


                                    <select class="form-control" id="exampleFormControlSelect1" style="display: unset; width:calc(100% - 88px);" title="">
                                        <option>請選擇其中一項服務</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>


                                </div>

                                <div class="p-2 border  flex-fill col-md-4">

                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>

                                    <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>" style="display: unset; width:calc(100% - 88px);">


                                </div>
                                <div class="p-2 border flex-fill  col-md-4">

                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>

                                    <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>" style="display: unset; width:calc(100% - 88px);">


                                </div>

                            </div>


                            <br>


                            <div class="d-flex flex-wrap bg-light">


                                <div class="p-2 border  flex-fill col-md-4">

                                    <label for="departure" class="input-label" style="width: 20%;">姓名</label>


                                    <input type="text" class="form-control " name="departure" id="departure" value="<?= set_value('departure') ?>" style="display: unset; width:calc(100% - 88px);">

                                </div>

                                <div class="p-2 border  flex-fill col-md-4">

                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>

                                    <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>" style="display: unset; width:calc(100% - 88px);">


                                </div>
                                <div class="p-2 border flex-fill  col-md-4">

                                    <label for="departure" class="input-label"><?php echo _l('front.rate_inquiry.rate_inquiry.departure'); ?>*</label>

                                    <input type="text" class="form-control" name="departure" id="departure" value="<?= set_value('departure') ?>" style="display: unset; width:calc(100% - 88px);">


                                </div>

                            </div>

                            <div class="row mb-3">
                                <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
                                <div class="col-md-2">
                                    <input type="email" class="form-control" id="inputEmail3">
                                </div>

                                <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
                                <div class="col-md-2">
                                    <input type="email" class="form-control" id="inputEmail3">
                                </div>
                                <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
                                <div class="col-md-2">
                                    <input type="email" class="form-control" id="inputEmail3">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
                                <div class="col-sm-2">
                                    <input type="password" class="form-control" id="inputPassword3">
                                </div>
                            </div>


                            <button type="submit" class="btn btn-primary">Sign in</button>


                            <?php $valerr = validation_errors(); ?>
                            <?php if (isset($valerr) && !empty($valerr)) : ?>
                                <div class="form-group">
                                    <div class="col-12 col-sm-10 alert alert-danger">
                                        <?php echo $valerr; ?>
                                    </div>
                                </div>
                            <?php endif; ?>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>