@extends('admin.layouts.index')
@section('css')
@endsection
@section('title')
<title>Admin  | CS-Design </title>
@endsection
@section('content')
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>@lang('contact-page')</h2>
        <ol class="breadcrumb">
            <li>
                <a href="#">@lang('admin')</a>
            </li>
            <li>
                <a>@lang('custom')</a>
            </li>
            <li class="active">
                <strong>@lang('contact-page')</strong>
            </li>
        </ol>
    </div>
</div>
<div class="content" style="margin-top:30px">
    @if(session()->has('success'))
    <div class="alert alert-success">
        {{session()->get('success')}}
    </div>
    @endif
    @if(session()->has('error'))
    <div class="alert alert-danger">
        {{session()->get('error')}}
    </div>
    @endif
</div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12 animated fadeInRight">
            <div class="mail-box-header">
                <h2>
                    @lang('contact-page')
                </h2>
            </div>
            <img src="{{asset('/image/Capture4.PNG')}}" style="width: 100%;" alt="">
            <img src="{{asset('/image/Capture5.PNG')}}" style="width: 100%;" alt="">
            <div class="mail-box">
                <div class="mail-body">
                    <form action="/admin/update_info_contact_page" class="form-horizontal" enctype="multipart/form-data" method="POST">
                        @csrf
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('office-in') (Eng)</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="office_in"
                                    value="{{$info->office_in}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('office-in') (Vi)</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="vi_office_in"
                                    value="{{$info->second_office_in}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('address') (Eng)</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="address"
                                    value="{{$info->address}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('address') (Vi)</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="vi_address"
                                    value="{{$info->second_address}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('phone')</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="number"
                                    value="{{$info->phone_input}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Hotline</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="hotline"
                                    value="{{$info->hotline}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('email') <strong>(*)</strong></label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="email"
                                    value="{{$info->email_input}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Link Website</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="link_web"
                                    value="{{$info->link_web}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Link Facebook</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="link_fb"
                                    value="{{$info->link_fb}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">Link Instagram</label>
                            <div class="col-sm-10"><input type="text" required class="form-control" name="link_ins"
                                    value="{{$info->link_ins}}"></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('new-img-below')</label>
                            <div class="col-sm-10"><input type="file"  class="form-control" name="img"
                                   ></div>
                        </div>
                        <div class="form-group"><label class="col-sm-2 control-label">@lang('img-below')</label>
                            <div class="col-sm-10"><img src="{{$info->img}}" width="70%" alt=""></div>
                        </div>
                        <div class="form-group" style="margin-bottom: 20px"><label class="col-sm-2 control-label">Iframe Google map(**)</label>
                            <div class="col-sm-10"><textarea type="text" required class="form-control" name="location"
                                    rows="5">{{$info->location}}</textarea>
                            </div>
                        </div>
                        <strong>(*) </strong>@lang('noti-content')<br>
                        <strong>(**) </strong> <a style="color: #676a6c;" href="https://www.dummies.com/web-design-development/site-development/how-to-embed-a-google-map-with-iframe/">
                        @lang('get-iframe')
                        </a>
                        <div class="mail-body text-right tooltip-demo">
                            <button type="submit" class="btn btn-sm btn-primary" data-toggle="tooltip"
                                data-placement="top" title="Send">@lang('update')</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
<script src="{{asset('admin2/js/admin/plugins/summernote/summernote.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/jquery-3.1.1.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/bootstrap.min.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/metisMenu/jquery.metisMenu.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/slimscroll/jquery.slimscroll.min.js')}}"></script>
<!-- FooTable -->
<script src="{{asset('admin2/js/admin/plugins/footable/footable.all.min.js')}}"></script>
<!-- Custom and plugin javascript -->
<script src="{{asset('admin2/js/admin/inspinia.js')}}"></script>
<script src="{{asset('admin2/js/admin/plugins/pace/pace.min.js')}}"></script>
<!-- Page-Level Scripts -->
<script>
    $(document).ready(function () {
        $('.footable').footable();
        $('.footable2').footable();
    });
</script>

<!-- Page-Level Scripts -->
@endsection