@extends('layouts.new-app')
@section('title', 'Coupons List')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css"
    rel="stylesheet" />
@section('content')
<div class="container-fluid">
    <h4 class="name" style="color: #1f60ba">Availlable Coupons</h4>
    <div class="col-md-12">
        {!! Form::open(['url'=>'admin/coupons', 'method'=>'POST']) !!}
        @csrf
        <div class="row">
            <div class="form-group col-md-3" id="coupon_code-field">
                <label for="coupon_code">New Coupon Code</label>
                <input type="text" class="form-control" id="coupon_code" name="coupon_code" value="" required>
            </div>
            <div class="form-group col-md-3" id="discount-field">
                <label for="discount">Discount %</label>
                <input type="number" class="form-control" id="discount" name="discount" value="" required>
            </div>
            <div class="form-group col-md-2" id="availlable-field">
                <label for="availlable">Coupons Availlable</label>
                <input type="number" class="form-control" id="availlable" name="availlable" value="" required>
            </div>
            <div class="form-group col-md-2" id="valid-field">
                <label for="valid">Valid</label>
                <input type="text" class="form-control" id="datepicker" name="valid" value="" required>
            </div>
            <div class="form-group col-md-2">
                <button class="btn btn-success btn-sm" type="submit">Add New Coupon</button>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>
<div class="container-fluid">
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th width="10%">Si. No</th>
                    <th width="25%">Coupon Code</th>
                    <th width="25%">Discount %</th>
                    <th width="25%">Availlable</th>
                    <th width="20%">Valid Upto</th>
                    <th width="10%">Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($list as $k=>$li)
                <tr>
                    <td width="10%">{{ $k+1 }}</td>
                    <td width="25%">{{ $li->coupon_code }}</td>
                    <td width="25%">{{ $li->discount }}</td>
                    <td width="25%">{{ $li->availlable }}</td>
                    <td width="20%">{{ date('M-d-Y', strtotime($li->valid)) }}</td>
                    <td width="10%">
                        @if($li->status == 1)
                        <a class="btn btn-success btn-sm" type="button">Active</a>
                        @else
                        <a class="btn btn-danger btn-sm" type="button">Deactive</a>
                        @endif
                    </td>
                    <td>
                        @if($li->status == 1)
                        <a href="{{ url('admin/change_coupon/') }}/0/{{ $li->id }}" class="btn btn-danger btn-sm">Deactivate</a>
                        @else
                        <a href="{{ url('admin/change_coupon/') }}/1/{{ $li->id }}" class="btn btn-success btn-sm">Activate</a>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<script>
    // Data Picker Initialization
    $('#datepicker').datepicker({
        weekStart: 1,
        daysOfWeekHighlighted: "6,0",
        autoclose: true,
        todayHighlight: true,
    });
    $('#datepicker').datepicker("setDate", new Date());
</script>
@endsection