@extends('layouts.admin')
@section('content')
    <link rel="stylesheet" href="{{ URL::asset('css/dataTables.min.css') }}" media="all" type="text/css"/>
    <link rel="stylesheet" href="{{ URL::asset('css/bootstrap-datetimepicker.min.css') }}" media="all" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/moment-with-locales.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/bootstrap-datetimepicker.min.js') }}"></script>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Promotion & Offers List')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Offers Management')</li>
                </ul>
            </div>
        </div>
    </div>

    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="clearfix form-blk">
        <div class="col-lg-8">
        </div>
        <div class="col-lg-4">
            <div class="buttons_block" style="padding-top:13px">
                <div class="btn-group mr5">
                    @if(IzoCommonHelper::hasPermission('promotion_offer_add'))
                        <a class="btn btn-primary tip" href="{{ URL::to('admin/offers/promotion-offer/create') }}" title="@lang('messages.Add New')">@lang('messages.Add New')</a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="table-responsive">
            @if(IzoCommonHelper::hasPermission('promotion_offer_list'))
                <table id="promotion-offer" class="table table-striped table-bordered responsive">
                    <thead>
                        <tr class="headings">
                            <th>@lang('messages.Id')</th>
                            <th>@lang('messages.Name')</th>
                            <th>@lang('messages.Offer Page')</th>
                            <th>@lang('messages.Category Name')</th>
                            <th>@lang('messages.Brand Name')</th>
                            <th>@lang('messages.Status')</th>
                            <th>@lang('messages.Action')</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                                <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            @endif
        </div>
    </div>

    <script type="text/javascript">
        $('#promotion-offer').DataTable({
            dom: 'lfrtip',
            search: {
                'caseInsensitive': true
            },
            "lengthMenu": [[25, 50, 100], [25, 50, 100]],
            processing: true,
            serverSide: true,
            responsive: true,
            autoWidth: true,
            ajax: '{!! url('admin/offers/promotion-offer/ajax.data') !!}',
            "order": [[0, "desc"]],
            columns: [
                {data: 'id', name: 'id'},
                {data: 'name', name: 'name', searchable: true},
                {data: 'offer_page', name: 'offer_page', searchable: true},
                {data: 'category_name', name: 'category_name', searchable: true},
                {data: 'brand_name', name: 'brand_name', searchable: true},
                {data: 'status', name: 'status', searchable: false, orderable: false},
                {data: 'action', name: 'action', searchable: false, orderable: false},
        
            ],
        });
        function changeStatus(id) {
            var status = $('body #coupon-' + id).data("status");
            if (status == 0) {
                var conf = confirm('Would you like to un approve this Promotion & Offer?');
            } else {
                var conf = confirm('Would you like to  approve this Promotion & Offer?');
            }
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/offers/promotion-offer/update-status') }}';
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'status': status, 'id': id},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            if (status == 0) {
                                $('#coupon-' + id).data('status', 1);
                                $('#coupon-' + id).attr('class', '');
                                $('#coupon-' + id).attr('class', 'glyphicon glyphicon-thumbs-down');
                            } else if (status == 1) {
                                $('#coupon-' + id).data('status', 0);
                                $('#coupon-' + id).attr('class', '');
                                $('#coupon-' + id).attr('class', 'glyphicon glyphicon-thumbs-up');
                            }
                            toastr.success(resp.message);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
    <style>
        .status {
            cursor: pointer;
        }
    </style>
@endsection