@extends('common.layout')

@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">SEO MANAGER</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane show active" id="bordered-table-preview">
                                <div class="table-responsive-sm">
                                    <input type="button" id="add" class="btn-sm btn-primary" value="등록" onclick="process('add', 'create')">
                                    <table class="table table-bordered table-centered mb-0 text-center">
                                        <thead>
                                        <tr>
                                            <th>NO</th>
                                            <th>Meta Type</th>
                                            <th>Page Name</th>
                                            <th>Path Url</th>
                                            <th>Description</th>
                                            <th>Title</th>
                                            <th>Url</th>
                                            <th>Image</th>
                                            <th>og:Description</th>
                                            <th>og:Title</th>
                                            <th>og:Url</th>
                                            <th>og:Image</th>
                                            <th class="text-center">삭제</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($seoList) < 1)
                                                <tr>
                                                    <td colspan="13">등록한 Seo가 없습니다.</td>
                                                </tr>
                                            @else
                                                @foreach($seoList as $key)
                                                <tr>
                                                    <td>{{$loop->index+1 + (($seoList->currentPage()-1) * $seoList->perPage())}}</td>
                                                    <td>{{$key->meta_type}}</td>
                                                    <td>{{$key->page_name}}</td>
                                                    <td>{{$key->path_url}}</td>
                                                    <td style="font-size:0.8vw">{{$key->meta_description}}</td>
                                                    <td>{{$key->meta_title}}</td>
                                                    <td>{{$key->meta_url}}</td>
                                                    <td>{{$key->meta_image}}</td>
                                                    <td style="font-size:0.8vw">{{$key->meta_og_description}}</td>
                                                    <td>{{$key->meta_og_title}}</td>
                                                    <td>{{$key->meta_og_url}}</td>
                                                    <td>{{$key->meta_og_image}}</td>
                                                    <td class="table-action">
                                                        <a href="#" class="action-icon" onclick="process('delete', 'delete', {{$key->seq}})"><i class="uil-trash-alt"></i></a>
                                                        <a href="#" class="action-icon" onclick="process('modify', 'create', {{$key->seq}})"><i class="uil-edit"></i></a>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div> <!-- end table-responsive-->
                                <!-- S: Pagination -->
                                <div class="row">
                                    <div class="col-sm-12 col-md-5">
                                        <div class="dataTables_info">
                                            Showing Participants {{ $seoList->firstItem() }} to {{ $seoList->lastItem() }} of {{ $seoList->total() }}
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-7">
                                        {{ $seoList->appends(request()->except('_token'))->links() }}
                                    </div>
                                </div>
                                <!-- E: Pagination -->
                            </div> <!-- end preview-->

                        </div> <!-- end tab-content-->

                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div>
    </div>

    <form id="seoFrm" name="seoFrm" method="post" action="">
        {{ csrf_field() }}
        <input type="hidden" id="meta_type" name="meta_type">
        <input type="hidden" id="meta_seq" name="meta_seq">
        <input type="hidden" id="page_type" name="page_type">
    </form>

@endsection

@section('script')
    <script type="text/javascript" src="/js/seoManager/common.js?ver={{date('Ymd')}}"></script>
@endsection