<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="id">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <base href="<?php echo base_url(); ?>"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="">
    <meta name="keywords" content="<?php echo $title; ?> - <?php echo $profil['nama']; ?>"/>
    
    <link rel="icon" type="image/ico" sizes="32x32" href="assets/admin/img/<?php echo $profil['favicon']; ?>">

    <title><?php echo $title; ?> - <?php echo $profil['nama']; ?></title>

    <!-- Bootstrap core CSS -->

    <link href="assets/home/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/home/css/engine.css" rel="stylesheet">

    <!-- CSS OWL -->
    <link rel="stylesheet" href="assets/home/css/owl/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/home/css/owl/owl.theme.default.min.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/home/fontawesome/css/all.css">

    <!-- Css Global Benihbaik -->
    <link href="assets/home/css/cssGlobalBenihBaik/newBenihbaike5bf.css?v=12" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap" rel="stylesheet">

    <!-- Css Global Benihbaik ScrollBarApple -->
    <link href="assets/home/css/cssGlobalBenihBaik/scrollBarApple7b30.css?v=4" rel="stylesheet"> 

    <!-- DatePicker Benihbaik -->
     <link href="assets/home/unpkg.com/gijgo%401.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
     <!-- <link href="https://m.benihbaik.com/css/gijgo.min.css" rel="stylesheet" type="text/css" /> -->

    <!-- Dropify -->
    <link rel="stylesheet" href="assets/home/plugin/dropify/dist/css/dropify.min.css">
    <!-- End Dropify -->

        <style>
        *{
            letter-spacing: 0px !important;
        }
        .title{
            color:#ffffff;
        }
        ::-webkit-input-placeholder { /* Edge */
            color: #BDBDBD;
            font-size:12px;
        }
        :-ms-input-placeholder { /* Internet Explorer */
            color: #BDBDBD;
            font-size:12px;
        }
        ::placeholder {
            color: #BDBDBD;
            font-size:12px;
        }
        main.container {
            position: relative;
            width: 100%;
            background-color: #ffffff;
            box-sizing: border-box;
            min-height: calc(0px + 100vh);
        }
        body{
            /* background-color: #ffffff !important; */
            font-family: 'montserrat-regular' !important;
        }
        footer{
            background-color: #ffffff !important;
        }
        .card-body {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1.1rem;
        }
        .no-margin{
            margin-right: 0px;
            margin-left: 0px;
        }
        .upcontent {
            margin-top: -80px;
        }

        .font_benihbaik_judul_detail {
            font-size: 1em;
        }

        .font_benihbaik_content_detail {
            font-size: 1em;
            color: #9F9F9F;
            margin-bottom: 5px;
            letter-spacing: 1px;
        } 
       
        hr {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            border: 0;
            border-top-color: currentcolor;
            border-top-style: none;
            border-top-width: 0px;
            border-top: 1px solid
            rgba(0,0,0,.1);
        }

        .block {
        border-radius: 8px;
        display: block;
        width: 100%;
        border: none;
        background-color: #F99C1E;
        padding:14px 16px 16px 16px;
        font-size: 16px;
        font-family: Silka;
        font-style: normal;
        font-weight: 900;
        font-size: 12px;
        line-height: 100%;
        color: #FFFFFF; 
        cursor:pointer;
        }

        /* .block:hover {  
            background-color: #a4a6a5;
        } */

        button:disabled,
        button[disabled]{
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
        }

        .form-border-bb{
            border: 1px solid #ced4da !important;
        }
        .form-control {
            font-size: 0.85rem;
        }
    </style>
</head>

<body class="wrap-all-content">
<nav class="navbar fixed-top navbar-default px-1 py-0 mx-auto title bb-dark">
	<div class="container px-3" style="max-width: 480px !important;">			
		<div class="col-8 nomargin ">
			<span class="navbar-text title-navbar">
					<a href="" class="navbar-text mr-2">
                        <i class="fa fa-arrow-left ozan title"></i>
					</a>
				<span class="pl-1"><b><?php echo $title; ?></b></span>
				
			</span>  
		</div>			  
	</div>
</nav>            <!-- Header -->
            
    

    <!-- <div class="se-pre-con"></div> -->
    <!-- Main -->
    <main role="main" class="container with-navbar" style="padding:0px 0px 0px 0px; max-width: 480px !important;">
        <!-- Content -->
            <!-- Set up your HTML -->

    <nav class="container navbar fixed-top navbar-default p-0 title benihbaik_solid" style="max-width: 480px;background-color: #ffffff !important;">
        <div style="max-width: 480px !important; margin: 0px 30px;height: 100%;width: 100%; display: flex; align-items: center;">
            <span class="navbar-text title-navbar">
                <a onclick="goBack();" class="navbar-text mr-2">
                    <i class="fa fa-arrow-left title " style="color:#828282;"></i>
                </a>
            </span>   
        </div> 
    </nav>

    <!-- <div class="row no-margin mb-5" style="background-color: #4CB71A; height: 95px"></div> -->

    <div class="no-margin" style="margin: 50px 30px 16px 30px;padding-top: 10px;"> 
        
        <p class="font_benihbaik_content_detail" style="font-size: 16px;color: #4F4F4F;font-family: Silka-bold;">
            <b><?php echo $title; ?></b> 
        </p>

        <p class="font_benihbaik_content_detail" style="padding-top:10px;padding-bottom:10px;font-size: 12px;    line-height: 1.6;">
            <b>Telepon</b> : <?php echo $profil['telp']; ?><br>
            <b>Email</b> : <?php echo $profil['email']; ?><br>
            <b>Alamat</b> : <?php echo $profil['alamat']; ?><br>
        </p>

        <div class="mt-1">
            <div class="row">
                <div class="col-md-12" style="padding: 15px 15px 0px 15px">
                <b>Atau Kirim Pesan Kepada Kami</b>
                <?php if($this->session->flashdata('flash')): ?>
                <div class="alert alert-success">
                    <?php echo $this->session->flashdata('flash'); ?>
                </div>
                <?php endif; ?>
                    <div class="tab-content" id="myTabContent">                  
                            <div class="form-revolution">
                            <form action="" method="post" class="mt-2">
                                <input type="hidden" name="<?php echo $this->security->get_csrf_token_name(); ?>" value="<?php echo $this->security->get_csrf_hash(); ?>">

                                    <div class="form-group form-material" style="margin-bottom: 1rem;">
                                        <label for="" class="font_benihbaik_judul_detail" style="color: #4F4F4F;font-size: 14px;"><b>Nama Anda</b></label>
                                        <input type="text" name="nama"class="form-border-bb form-control form-control-line" value="<?php echo set_value('nama'); ?>" placeholder="Nama Anda">
                                        <small class="text-danger"><?php echo form_error('nama'); ?></small>
                                    </div>

                                    <div class="form-group form-material" style="margin-bottom: 1rem;">
                                        <label for="" class="font_benihbaik_judul_detail" style="color: #4F4F4F;font-size: 14px;"><b>Email Anda</b></label>
                                        <input type="text" name="email"class="form-border-bb form-control form-control-line" value="<?php echo set_value('email'); ?>" placeholder="Email Anda">
                                        <small class="text-danger"><?php echo form_error('email'); ?></small>
                                    </div>

                                    <div class="form-group form-material" style="margin-bottom: 1rem;">
                                        <label for="" class="font_benihbaik_judul_detail" style="color: #4F4F4F;font-size: 14px;"><b>Subjek</b></label>
                                        <input type="text" name="subjek"class="form-border-bb form-control form-control-line" value="<?php echo set_value('subjek'); ?>" placeholder="Subjek">
                                        <small class="text-danger"><?php echo form_error('subjek'); ?></small>
                                    </div>

                                    <div class="form-group form-material" style="margin-bottom: 1rem;">
                                        <label for="" class="font_benihbaik_judul_detail" style="color: #4F4F4F;font-size: 14px;"><b>Pesan Anda</b></label>
                                        <textarea name="pesan"class="form-border-bb form-control form-control-line" cols="1" rows="4"><?php echo set_value('pesan'); ?></textarea>
                                        <small class="text-danger"><?php echo form_error('pesan'); ?></small>
                                    </div>

                                    <div class="text-center" style="margin-bottom: 10px">
                                        <button type="submit" type="submit" class="block">Kirim Pesan</button>
                                    </div>
                                </form>
                            </div>
                    </div>
                </div>

            </div>


        </div>
    </div>
        <!-- Content -->
    </main>
    <!-- Main -->  

    <!-- Bootstrap core JavaScript ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/home/js/jquery-3.2.1.min.js"></script>

    <script src="assets/home/js/vendor/jquery.priceformat.js"></script>

    <script src="assets/home/js/vendor/popper.min.js"></script>
    <script src="assets/home/js/dist/bootstrap.min.js"></script>
    <!-- <script src="jquery.min.js"></script> -->
    <script src="assets/home/js/dist/owl/owl.carousel.min.js"></script>

    <!-- DatePicker Benihbaik -->
    <script src="assets/home/js/gijgo.min.js" type="text/javascript"></script>

    <!-- Dropify -->
    <script src="assets/home/plugin/dropify/dist/js/dropify.min.js"></script>
    <!-- End Dropify -->











<script src="assets/home/plugin/allert.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script src="assets/home/js/html5shiv.js"></script>
<script src="assets/home/js/respond.min.js"></script>
<script type="text/javascript" src="assets/home//js/gtm-essentialae52.js?v=5"></script>


        <script>
        $(window).scroll(function() {
            ($(this).scrollTop() > 40) ? $('.navbar').addClass('bb-navbar-solid') : $('.navbar').removeClass('bb-navbar-solid');
            ($(this).scrollTop() > 40) ? $('.ozan').addClass('arrow_solid') : $('.ozan').removeClass('arrow_solid');
            ($(this).scrollTop() > 40) ? $('.pl-1').addClass('hilang_font') : $('.pl-1').removeClass('hilang_font');
        });

        $('.currency-format').priceFormat({
            prefix: 'Rp ',
            centsLimit: 0,
            centsSeparator: ',',
            thousandsSeparator: '.'
        });
    </script>
</body>
<script>
  function goBack() {
     window.history.back();
  }
</script>
</html>