@extends('cms.layout.app')

@section('content')
<div class="page-wrapper">
    <div class="page-header card">
        <div class="row align-items-end">
            <div class="col-lg-8">
                <div class="page-header-title">
                    @if (isset($store))
                    <img src="{{asset('storage/'.$store->logo)}}" height="90" class="mr-4" alt="">
                    <div class="d-inline">
                        <h4>{{$store->name . ' Offers'}}</h4>
                    </div>
                    @else
                    <i class="icofont icofont-star brown-colors"></i>
                    <div class="d-inline">
                        <h4>All Offers 123</h4>
                    </div>
                    @endif


                </div>
            </div>
            <div class="col-lg-4">
                <div class="page-header-breadcrumb">
                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{route('cms.dashboard')}}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">{{$store->name ?? ''}} Offers</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="page-body">

        <div class="card">
            <div class="card-header">
                <h5>Offer List</h5>
                <div class="card-header-right">
                    <a href="{{route('cms.offers.add' , isset($store) ? ['store_id' => $store->id] : null)}}" class="btn btn-sm btn-success"><i class="icofont icofont-plus text-light"></i> </a>
                </div>
            </div>
            <div class="card-block table-border-style">
                <div class="table-responsive p-4">
                    @if (isset($store))

                    @else

                    <table class="table datatable">
                        <thead>
                            <tr>
                                <th>Store</th>
                                <th>Short Title</th>
                                <th>Headline</th>
                                <th>Type</th>
                                <th>Code</th>
                                <th>Expire Date</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>


                        </tbody>
                    </table>


                    @endif

                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script>
    function copyText() {
        /* Get the text field */
        var copyText = document.getElementById("copyValue");

        /* Select the text field */
        copyText.select();
        copyText.setSelectionRange(0, 99999); /* For mobile devices */

        /* Copy the text inside the text field */
        document.execCommand("copy");

        /* Alert the copied text */
        alert("Copied the text: " + copyText.value);
    }
    $(document).ready(function() {
        $('.datatable').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ url('admin/offers/ajax') }}",
            columns: [{
                data: 'store_name',
                name: 'store_name'
            }, {
                data: 'headline',
                name: 'headline'
            }, {
                data: 'short_title',
                name: 'short_title'
            }, {
                data: 'desc',
                name: 'desc'
            }, {
                data: 'type',
                name: 'type'
            }, {
                data: 'expire_date',
                name: 'expire_date'
            }, {
                data: 'coupon_code',
                name: 'coupon_code'
            }]
        });
    });
</script>
@endsection