@extends('layout')
@section('content')





    <!-- Start: Breadcrumb Area
    ============================= -->

    <section id="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h2>Liên Hệ Với Chúng Tôi</h2>
                    <ul class="breadcrumb-nav list-inline">
                        <li><a href="/">Trang Chủ </a></li>
                        <li>Liên Hệ</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- End: Breadcrumb Area
    ============================= -->


    <!-- Start: Contact
    ============================= -->
    
    <section id="contact" class="section-padding">
        <div class="container">
            <div class="row">
               
                <div class="col-lg-6 contact-form">
                     <?php
                            $message = Session::get('message');if ($message) {
                                echo '<span class="text-red" >',$message,'</span>';
                                Session::put('message',null);
                                    // code...
                                }
                                // code...?>

                    <h2>Quý Khách để lại thông tin tại đây </h2>
                     <form role="form" id="spForm" action="{{URL::to('/save-datlich')}}" method="post" enctype="multipart/form-data">
                  {{csrf_field()}}

                        <span class="input input--hantus">
                            <input class="input__field  input__field--hantus" type="text" id="input-01"  name="datlich_name" class="form-control" type="text" minlength="6" required/>
                            <label class="input__label input__label--hantus " n for="input-01">
                                <svg class="graphic graphic--hantus" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
                                <path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
                                </svg>
                                <span class="input__label-content input__label-content--hantus">Tên </span>
                                 
                            </label>
                        </span>

                        <span class="input input--hantus">
                            <input class="input__field input__field--hantus"  type="text" id="input-02"  name="datlich_phone" class="form-control" minlength="3" required/>
                            <label class="input__label input__label--hantus" for="input-02">
                                <svg class="graphic graphic--hantus" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
                                <path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
                                </svg>
                                <span class="input__label-content input__label-content--hantus">Số Điện Thoại</span>
                            </label>
                        </span>

                        
                        <span class="input input--hantus textarea">
                            <textarea class="input__field input__field--hantus" rows="6" id="input-04" name="datlich_notes" class="form-control required" rows="5"  minlength="3" type="text"> </textarea>
                            <label class="input__label input__label--hantus" for="input-04">
                                <svg class="graphic graphic--hantus" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
                                <path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
                                </svg>
                                <span class="input__label-content input__label-content--hantus">Để lại lời nhắn</span>
                            </label>
                        </span>

                        
                        <button type="submit" class="boxed-btn">Gởi thông tin </button>

                         <button type="reset" class="boxed-btn">Xóa</button>
                        
                    </form>


                </div>
                <div class="col-lg-6 contact-info mt-5 mt-lg-0">
                    @foreach($contact as $key => $cont)
                    <h2>Thông tin liên hệ </h2>
                    <p>Cảm ơn quý khách đã quan tâm nếu Quý Khách có nhu cầu xin vui lòng liên hệ .</p>


                    <div class="info-box">
                        <i class="fas fa-map-marker"></i>
                        <h4>Thanh trà PamperMe Thạnh Lộc</h4>
                        <p>{!!$cont->adress!!}<br> {!!$cont->mobile!!} <br> {!!$cont->email!!}</p>
                    </div>

                    <div class="info-box">
                        <i class="fas fa-clock"></i>
                        <h4>Mở Cửa:</h4>
                        <p>Thứ 2 - Chủ Nhật : 9h00 đến 18h00 </p>
                    </div>

                    @endforeach 
                </div>
            </div>
        </div>
    </section>
    <div class="col-lg-12">
        @foreach($contact as $key => $cont)
                    <div > {!!$cont->info_map!!}</div>


        @endforeach 
                    </div>
                </div>
    <!-- End: Contact
    ============================= -->

     

    
@endsection