@extends('frontend')

@section('content')


<div class="row justify-content-center" style="background:#F5F5F5;padding-top:150px">
    <div class="col-12 col-md-12 col-lg-12" style="">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-9 col-lg-9">
                    <a href="{{ url('/') }}" class="text-decoration-none text-dark">หน้าแรก</a> <b>| ค้นหา {{ $keywords }}</b>
                </div>
                <div class="col-12 col-md-3 col-lg-3">
                    
                </div>
            </div>
            <div class="row mt-4 mb-5">
                @include('frontend.includes.shop-list')
            </div>
        </div>
    </div>
</div>
@endsection

@section('modals')
    @include('frontend.modals.share-link')
@endsection

@section('javascript')
<script type="text/javascript">
    (function($){
        $('.share-link').on('click',function(e){
            $('#link-share').val($(this).data( 'link') );
            $('#btn-copy-link').text('คัดลอกลิ้ง');
            console.log('open modal url : ')
            var myModal = new bootstrap.Modal(document.getElementById("Modal-share-link"), {});
                myModal.show();
        });

        $('#btn-copy-link').on('click',function(e){
            e.preventDefault();
            let input = $('#link-share');
            input.select();
            navigator.clipboard.writeText(input.val());
            $(this).text('คัดลอกแล้ว');
        });
    }(jQuery));
</script>
@endsection