@extends('layouts.app')
@section('title', 'Promotion')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Promotion
        <small>Manage Promotions</small>
    </h1>
    <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
    </ol> -->
</section>

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

	<div class="box">
        <div class="box-header">
        	<h3 class="box-title">Create Promotion</h3>
            @can('promotion.create')
            <div class="box-tools">
                <button type="button" class="btn btn-block btn-primary btn-modal" data-toggle="modal"
                    data-target="#addPromotion">
                    <i class="fa fa-plus"></i> @lang( 'messages.add' )</button>
            </div>
            @endcan
        </div>
        <div class="box-body">
            @can('promotion.view')
                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="promotion_table">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Promotion Type</th>
                                <th>Location ID</th>
                                <th>Customer Group ID</th>
                                <th>Preference Weightage</th>
                                <th>Buy Product ID</th>
                                <th>Buy Product Quantity</th>
                                <th>Get Product ID</th>
                                <th>Get Product Quantity</th>
                                <th>Category ID</th>
                                <th>Discount Amount</th>
                                <th>Description</th>
                                <th>Created By</th>
                                <th>Start Date</th>
                                <th>End Date</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            @endcan
        </div>
    </div>

    <div class="modal fade addPromotion" id="addPromotion" tabindex="-1" role="dialog"
        aria-labelledby="addPromotion" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
          
              {!! Form::open(['url' => action('PromotionController@store'), 'method' => 'post', 'id' => 'table_add_promotion' ]) !!}
          
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Promotions</h4>
              </div>
          
              <div class="modal-body">
                <div class="row">

                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('type', 'Select Promotion' . ':*') !!}
                      <select class="form-control" name="type" id="promotion_type" required>
                        <option value="" disabled selected> Select Promotion</option>
                        <option value="buy_get" >Buy X Get Y</option>
                        <option value="category_discount" >Category Discount</option>
                        <option value="invoice_discount" >Invoice Discount</option>
                        {{-- <option value="collection" >Collection</option> --}}
                    </select>
                    </div>
                  </div>

                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('name', 'Offer Name' . ':*') !!}
                      {!! Form::text('name', null, ['class' => 'form-control', 'required', 'placeholder' => 'Offer Name' ]); !!}
                    </div>
                  </div>
          
                  @if (is_null($default_location))
                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('location_id', 'Select Location' . ':*') !!}
                      <select class="form-control" name="location_id" required>
                        <option value="" disabled selected> Select Location</option>
                        @foreach($locations as $location)
                            <option value="{{$location->id}}" >{{$location->name}}</option>
                        @endforeach
        
                    </select>
                    </div>
                  </div>
                  @endif

                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('customer_group_id', 'Select Customer Group' . ':') !!}
                      <select class="form-control" name="customer_group_id">
                        <option value="" disabled selected> Select Customer Group</option>
                        @foreach($customer_groups as $customer_group)
                            <option value="{{$customer_group->id}}" >{{$customer_group->name}}</option>
                        @endforeach
                    </select>
                    </div>
                  </div>
                  
                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('preference_weighatage', 'Preference Weightage' . ':*') !!}
                      {!! Form::text('preference_weighatage', null, ['class' => 'form-control', 'required', 'placeholder' => 'Preference Weightage' ]); !!}
                    </div>
                  </div>
          
                  <div class="col-sm-12 buy_get_field">
                    <h4>Buy Product</h4>
                  </div>
          
                  <div class="col-sm-12 buy_get_field">
                    <table class="table table-condensed">
                      <thead>
                        <tr>
                          <th>Product</th>
                          <th>Quantity</th>
                        </tr>
                      </thead>
                      <tbody>
                        <td>
                          <select class="form-control" name="buy_product_id">
                            <option value="" disabled selected> Select Buy Product</option>
                            @foreach($buy_products as $buy_product)
                                <option value="{{$buy_product->id}}" >{{$buy_product->name}}</option>
                            @endforeach
            
                        </select>
                        </td>
                        <td>
                          {!! Form::number('buy_product_quantity', null, ['class' => 'form-control', 'placeholder' => 'Buy Product Quantity']); !!}
                        </td>
                      </tbody>
                    </table>
                  </div>
          
                  <div class="col-sm-12 buy_get_field">
                    <h4>Get Product</h4>
                  </div>
          
                  <div class="col-sm-12 buy_get_field">
                    <table class="table table-condensed">
                      <thead>
                        <tr>
                          <th>Product</th>
                          <th>Quantity</th>
                        </tr>
                      </thead>
                      <tbody>
                        <td>
                          <select class="form-control" name="get_product_id">
                            <option value="" disabled selected> Select Get Product</option>
                            @foreach($get_products as $get_product)
                                <option value="{{$get_product->id}}" >{{$get_product->name}}</option>
                            @endforeach
            
                        </select>
                        </td>
                        <td>
                          {!! Form::number('get_product_quantity', null, ['class' => 'form-control', 'placeholder' => 'Get Product Quantity']); !!}
                        </td>
                      </tbody>
                    </table>
                  </div>

                  
                  <div class="col-sm-6 category_field">
                    <div class="form-group">
                      {!! Form::label('category_id', 'Select Category' . ':*') !!}
                      <select class="form-control" name="category_id">
                        <option value="" disabled selected> Select Category</option>
                        @foreach($categories as $category)
                            <option value="{{$category->id}}" >{{$category->name}}</option>
                        @endforeach
        
                    </select>
                    </div>
                  </div>

                  <div class="col-md-6 amount_filed">
                    <div class="form-group">
                        {!! Form::label('discount_amount', __('sale.discount_amount') . ':*' ) !!}
                        {!! Form::text('discount_amount', null, ['class' => 'form-control', 'placeholder' => 'Discount Amount']); !!}
                    </div>
                  </div>


                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('start_date', 'Start Date' . ':*') !!}
                      {!! Form::Date('start_date', null, ['class' => 'form-control', 'required', 'placeholder' => 'Start Date' ]); !!}
                    </div>
                  </div>
          
                  <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('end_date', 'End Date' . ':*') !!}
                      {!! Form::Date('end_date', null, ['class' => 'form-control', 'required', 'placeholder' => 'End Date' ]); !!}
                    </div>
                  </div>

                  <div class="col-sm-12">
                    <div class="form-group">
                      {!! Form::label('description', 'Description' . ':*') !!}
                      {!! Form::text('description', null, ['class' => 'form-control', 'required', 'placeholder' => 'Description' ]); !!}
                    </div>
                  </div>

                </div>
              </div>
          
              <div class="modal-footer">
                <button type="submit" class="btn btn-primary">@lang( 'messages.save' )</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">@lang( 'messages.close' )</button>
              </div>
          
              {!! Form::close() !!}
          
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
    </div>

    <div class="modal fade editPromotion" tabindex="-1" role="dialog" 
    aria-labelledby="gridSystemModalLabel">
  </div>

</section>
<!-- /.content -->

@endsection

@section('javascript')
    <script src="{{ asset('js/labels.js?v=' . $asset_v) }}"></script>

      <script type="text/javascript">
              $( "#table_add_promotion" ).validate({
          rules: {
            name: {
                  required: true,
              },
            type: {
                  required: true,
              },
            discount_amount: {
                  required: true,
                  number: true,
              },
            buy_product_quantity: {
                  number: true,
              },
            get_product_quantity: {
                  number: true,
              },
            start_date: {
                  required: true,
              },
            end_date: {
                  required: true,
              },
  
          }
      });

        //Roles table
        $(document).ready(function() {
            var users_table = $('#promotion_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '/promotion',
                },
                columnDefs: [{
                    "targets": [17],
                    "orderable": false,
                    "searchable": false
                }],
                "columns": [
                    {
                        "data": "id"
                    },
                    {
                        "data": "name"
                    },
                    {
                        "data": "type"
                    },
                    {
                        "data": "location_id"
                    },
                    {
                        "data": "customer_group_id"
                    },
                    {
                        "data": "preference_weighatage"
                    },
                    {
                        "data": "buy_product_id"
                    },
                    {
                        "data": "buy_product_quantity"
                    },
                    {
                        "data": "get_product_id"
                    },
                    {
                        "data": "get_product_quantity"
                    },
                    {
                        "data": "category_id"
                    },
                    {
                        "data": "discount_amount"
                    },
                    {
                        "data": "description"
                    },
                    {
                        "data": "created_by"
                    },
                    {
                        "data": "start_date"
                    },
                    {
                        "data": "end_date"
                    },
                    {
                        "data": "status",
                        render: function(data, type, row) {

                            if (row.status == 1) {
                                return '<div class="text-center" style="background-color:#39db77; color:white">Active</div>';
                            } else if (row.status == 0) {
                                return '<div class="text-center" style="background-color:#2ac4f7; color:white">Inactive</div>';
                            } else if (row.status == 2) {
                                return '<div class="text-center" style="background-color:#eb4034; color:white">Expired</div>';
                            } 

                        }
                    },
                    {
                        "data": "action"
                    },
                ]
            });
            $(document).on('click', 'button.delete_promotion_button', function() {
                swal({
                    title: LANG.sure,
                    text: LANG.confirm_delete_user,
                    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);
                                    users_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);
                                }
                            }
                        });
                    }
                });
            });

        });
    </script>


@endsection