@extends('templates.'.sc_store('template').'.shop_layout')

@section('main')

    <div class="index_middle">
        <div class="banner_inside" style="background-image:url({{ asset('templates/'.sc_store('template').'/images/page_contact.jpg')}})">
            <div class="container">
                <div class="inside_title">
                    <h1>Contact</h1>
                    <ol class="breadcrumb">

                        <li><a href="{{ route('home') }}"><span class="icon ic_lankim">&#xe009;</span>Trang chủ</a></li>
                        <li class="active">{{ $title }}</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="bg_ware">
            <div class="container contact">
                <div class="vid">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GYVEX02OyrE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>                </div>
                <div class="contact_co">
                    <h3 class="title_gold">Lăn Kim Nhật Bản</h3>
                    <p>Sự hài lòng của quý khách là niềm vui cho chúng tôi. Lăn Kim Nhật Bản - Ai cũng có thể đến & Ai cũng có thể đẹp. Bất cứ khi nào quý khách cần, hãy liên hệ ngay với chúng tôi.</p>
                    <div class="contact_info">
                        <ul class="list_icontxtV">
                            <li><a class="des"><span class="icon ic_lankim" >&#xe000;</span>1377 Đường 3-2, P.16, Quận 11, TP.Hồ Chí Minh</a> </li>
                            <li><a class="des"><span class="icon ic_lankim" >&#xe001;</span>Hotline: 0903 884 538 | 0919 286 088</a> </li>
                            <li><a class="des"><span class="icon ic_lankim" >&#xe002;</span>Giờ mở cửa : Từ thứ 3 đến chủ nhật
                                    Nghỉ thứ 2 hàng tuần</a> </li>
                            <li><a class="des"><span class="icon ic_lankim" >&#xe003;</span>hien.do@lankimnhatban.com</a> </li>
                            <li><a class="des"><span class="icon ic_lankim" >&#xe004;</span>www.lankimnhatban.vn</a> </li>
                            <li><span class="icon ic_lankim" >&#xe00a;</span>Chat với Lăn Kim <a href="" class="icon_mess"></a><a href="" class="icon_zalo1"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="contact_content">
                <h3 class="title_gold">Liên hệ ngay</h3>
                <p>Bạn cần hỗ trợ tư vấn dịch vụ hay yêu cầu thông tin thêm? Để lại tin nhắn, chúng tôi sẽ sớm liên hệ với bạn</p>
                <form action="{{ route('postContact') }}" class="form_contact" method="post">
                    {{ csrf_field() }}
                    <div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
                        <label> Họ và tên<span class="red">*</span></label>
                        <input type="text" name="name" class="form-control  {{ ($errors->has('name'))?"input-error":"" }}" placeholder="Nhập Họ và tên" value="{{ old('name') }}">
                        @if ($errors->has('name'))
                            <span class="help-block">{{ $errors->first('name') }}</span>
                        @endif
                    </div>
                    <div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
                        <label>Email<span class="red">*</span></label>
                        <input type="email" name="email" class="form-control {{ ($errors->has('email'))?"input-error":"" }}" placeholder="Nhập Email" value="{{ old('email') }}">
                        @if ($errors->has('email'))
                            <span class="help-block">
                                                    {{ $errors->first('email') }}
                                                </span>
                        @endif
                    </div>
                    <div class="form-group {{ $errors->has('phone') ? ' has-error' : '' }}">
                        <label>Số điện thoại<span class="red">*</span></label>
                        <input type="text" name="phone" class="form-control {{ ($errors->has('phone'))?"input-error":"" }}" placeholder="Nhập SỐ ĐIỆN THOẠI" value="{{ old('phone') }}">
                        @if ($errors->has('phone'))
                            <span class="help-block">
                                                    {{ $errors->first('phone') }}
                                                </span>
                        @endif
                    </div>
                    <div class="form-group {{ $errors->has('title') ? ' has-error' : '' }}">
                        <label> Tiêu đề<span class="red">*</span></label>
                        <input type="text" name="title" class="form-control  {{ ($errors->has('title'))?"input-error":"" }}" placeholder="Nhập tiêu đề" value="{{ old('title') }}">
                        @if ($errors->has('title'))
                            <span class="help-block">{{ $errors->first('title') }}</span>
                        @endif
                    </div>
                    <div class="form-group {{ $errors->has('content') ? ' has-error' : '' }}">
                        <label>Lời nhắn<span class="red">*</span></label>
                        <textarea name="content" class="form-control {{ ($errors->has('content'))?"input-error":"" }}" placeholder="Your Message..." >{{ old('content') }}</textarea>
                        @if ($errors->has('content'))
                            <span class="help-block">
                                                    {{ $errors->first('content') }}
                                                </span>
                        @endif
                    </div>
                    <div class="bar_btn">
                        <button type="submit" class="btn btn-primary">GỬI LỜI NHẮN</button>
                    </div>
                </form>
                <div class="banner_contact">
                    <a href="https://www.google.com/maps/dir//lan+kim+nhat+ban/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x31752ec0625083e3:0x6b61169ff4dcc8e8?sa=X&ved=2ahUKEwis4L7s2fnpAhWJaCsKHaK-Dy4Q9RcwC3oECBAQDw"><img src="{{ asset('templates/'.sc_store('template').'/images/map.jpg')}}" width="565" height="481" alt=""/></a>
                    <a href="https://www.google.com/maps/dir//lan+kim+nhat+ban/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x31752ec0625083e3:0x6b61169ff4dcc8e8?sa=X&ved=2ahUKEwis4L7s2fnpAhWJaCsKHaK-Dy4Q9RcwC3oECBAQDw" class="view_next">Chỉ đường <span class="ic_main">&#xe044;</span></a>
                </div>
            </div>
        </div>
    </div>
@endsection

