@extends('layouts.app')
@section('title', __('lang_v1.list_offers'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang( 'lang_v1.list_offers' )
    </h1>
    
</section>

<!-- Main content -->
<section class="content">

	<div class="box">
        <div class="box-header">
        	<h3 class="box-title">@lang('lang_v1.all_your_offer')</h3>
            @can('offer.create')
            	<div class="box-tools">
                    <a class="btn btn-block btn-primary" href="{{action([\App\Http\Controllers\OfferController::class, 'create'])}}">
                        <i class="fa fa-plus"></i> @lang( 'messages.add' )
                    </a>
                </div>
            @endcan
        </div>
        <div class="box-body">
            @can('offer.view')
                <div class="table-responsive">
            	<table class="table table-bordered table-striped" id="offers_table">
            		<thead>
            			<tr>
                            <th><input type="checkbox" id="select-all-row" data-table-id="offers_table"></th>
            				<th>@lang( 'unit.name' )</th>
                            <th>@lang( 'lang_v1.offer_type' )</th>
                            <th>Location</th>
            				<th>Start Date</th>
            				<th>End Date</th>
                            <th>@lang( 'lang_v1.status' )</th>
                            <th>@lang( 'messages.action' )</th>
            			</tr>
            		</thead>
                    <tfoot>
                    <tr>
                        <td colspan="7">
                        <div style="display: flex; width: 100%;">
                            {!! Form::open(['url' => action([\App\Http\Controllers\OfferController::class, 'massDeactivate']), 'method' => 'post', 'id' => 'mass_deactivate_form' ]) !!}
                            {!! Form::hidden('selected_offers', null, ['id' => 'selected_offers']); !!}
                            {!! Form::submit(__('lang_v1.deactivate_selected'), array('class' => 'btn btn-xs btn-warning', 'id' => 'deactivate-selected')) !!}
                            {!! Form::close() !!}
                            </div>
                        </td>
                    </tr>
                </tfoot>
            	</table>
                </div>
            @endcan
        </div>
    </div>
</section>
<!-- /.content -->
@stop
@section('javascript')
<script type="text/javascript">
    offers_table = $('#offers_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: base_path + '/offers',
        columnDefs: [
            {
                targets: [0],
                orderable: false,
                searchable: false,
            },
        ],
        aaSorting: [1, 'asc'],
        columns: [
            { data: 'row_select'},
            { data: 'name', name: 'offers.name' },
            { data: 'offer_type', name: 'offer_type' },
            { data: 'location', name: 'l.name' },
            { data: 'start_date', name: 'start_date' },
            { data: 'end_date', name: 'end_date'},
            { data: 'status', name: 'status'},
            { data: 'action', name: 'action' }
        ],
    });
    $(document).on('click', '#deactivate-selected', function(e){
        e.preventDefault();
        var selected_rows = [];
        var i = 0;
        $('.row-select:checked').each(function () {
            selected_rows[i++] = $(this).val();
        }); 
        
        if(selected_rows.length > 0){
            $('input#selected_offers').val(selected_rows);
            swal({
                title: LANG.sure,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    $('form#mass_deactivate_form').submit();
                }
            });
        } else{
            $('input#selected_offers').val('');
            swal('@lang("lang_v1.no_row_selected")');
        }    
    });

    $(document).on('click', '.activate-offer', function(e){
        e.preventDefault();
        var href = $(this).data('href');
        $.ajax({
            method: "get",
            url: href,
            dataType: "json",
            success: function(result){
                if(result.success == true){
                    toastr.success(result.msg);
                    offers_table.ajax.reload();
                } else {
                    toastr.error(result.msg);
                }
            }
        });
    });
    $(document).on('click', 'button.delete_offer_button', function() {
        swal({
            title: LANG.sure,
            icon: 'warning',
            buttons: true,
            dangerMode: true,
        }).then(willDelete => {
            if (willDelete) {
                var href = $(this).data('href');
                var data = $(this).serialize();
    
                $.ajax({
                    method: 'DELETE',
                    url: href,
                    dataType: 'json',
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            toastr.success(result.msg);
                            offers_table.ajax.reload();
                        } else {
                            toastr.error(result.msg);
                        }
                    },
                });
            }
        });
    });
</script>
@endsection