@extends('layouts.backend')
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>Manage Schemes <button type="button" class="btn btn-sm btn-success float-right" onclick="
            $('#schemeid').val('0');
                            $('#store').val(9999);
                            $('#article').val('');
                            $('#color').val('');
                            $('#size').val('');
                            $('#starts').val('');
                            $('#ends').val('');
                            $('#activated').val('');
                            $('#discper').val(0);
                            $('#hsnModal').modal('show');
                "><i class="fa fas fa-plus"></i> Add new Scheme</button></h4>
        </div>
        <div class="card-body">
            <h5>Filter Schemes</h5>
            <form action="">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Article</th>
                            <th>Color</th>
                            <th>Size</th>
                            <th>Discount</th>
                            <th>Store</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><input type="text" name="article" class="form-control"></td>
                            <td><input type="text" name="color" class="form-control"></td>
                            <td><input type="text" name="size" class="form-control"></td>
                            <td><input type="text" name="discper" class="form-control"></td>
                            <td>
                                <select class="form-control" name="store" required>
                                    <option value="9999">All Stores</option>
                                    @foreach ($ALL_POS as $pos)
                                        <option value="{{ $pos->id }}">{{ $pos->name }}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td><button class="btn btn-warning btn-sm"><i class="fa fas fa-search"></i> Search</button></td>
                            <td><a class="btn btn-warning btn-sm" href="{{ route('list-wh-schemes') }}"><i class="fa fas fa-reply"></i> Reset</a></td>
                        </tr>
                    </tbody>
                </table>
            </form>
            <hr/>
            <table class="table table-bordered data-table">
                <thead>
                    <tr>
                        <th>S.No</th>
                        <th>Article</th>
                        <th>Color</th>
                        <th>Size</th>
                        <th>Discount</th>
                        <th>Warehouse</th>
                        <th>Start</th>
                        <th>Ends</th>
                        <th>Active</th>
                        <th width="100px">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($schemes as  $key => $scheme)
                        <tr>
                            <td>{{ $key + $schemes->firstItem()}}</td>
                            <td>{{ $scheme->article }}</td>
                            <!-- <td>{{ $scheme->article }}</td> -->
                            <td>{{ $scheme->color }}</td>
                            <td>{{ $scheme->size }}</td>
                            <td>{{ $scheme->discper }}</td>
                            <td>{{ $scheme->store == 9999 ? 'All' : (($scheme->store > 0) ? $scheme->warehouse->name : 'N/A') }}</td>
                            <td>{{ $scheme->starts }}</td>
                            <td>{{ $scheme->ends }}</td>
                            <td>{{ $scheme->activated == 1 ? 'Yes' : 'No' }}</td>
                            <td><button class="btn btn-info btn-sm" onclick="
                            $('#schemeid').val('{{ $scheme->id }}');
                            $('#store').val('{{ $scheme->store }}');
                            $('#article').val('{{ $scheme->article }}');
                            $('#color').val('{{ $scheme->color }}');
                            $('#size').val('{{ $scheme->size }}');
                            $('#starts').val('{{ $scheme->starts }}');
                            $('#ends').val('{{ $scheme->ends }}');
                            $('#activated').val({{ $scheme->activated }});
                            $('#discper').val({{ $scheme->discper   }});
                            $('#hsnModal').modal('show');
                            "><i class="fa fas fa-pencil"></i> EDIT</button></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {!! $schemes->render() !!}
        </div>
    </div>
    <!-- The Modal -->
    <div class="modal" id="hsnModal">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">Manage Scheme</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- Modal body -->
                <div class="modal-body">
                    <form action="{{ route('save-wh-schemes') }}" method="post" name="hsnFrm">
                        @csrf
                        <input type="hidden" name="id" id="schemeid" value="0">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="store">Store</label>
                                    <select class="form-control" name="store" id="store" required>
                                        <option value="9999">All Stores</option>
                                        @foreach ($ALL_POS as $pos)
                                            <option value="{{ $pos->id }}">{{ $pos->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group"><label for="discper">Discount</label><input class="form-control"
                                        type="number" step="any" name="discper" id="discper" required min="1"></div>
                                <div class="form-group"><label for="article">Article</label><input class="form-control"
                                        type="text" name="article" id="article" required></div>
                                <div class="form-group"><label for="color">Color</label><input class="form-control"
                                        type="text" name="color" id="color" required></div>
                                <div class="form-group"><label for="size">Color</label><input class="form-control"
                                        type="text" name="size" id="size" required></div>
                                <div class="form-group"><label for="starts">Start</label><input
                                        class="form-control datepicker" type="text" name="starts" id="starts" required>
                                </div>
                                <div class="form-group"><label for="ends">Start</label><input
                                        class="form-control datepicker" type="text" name="ends" id="ends" required></div>
                                <div class="form-group">
                                    <select name="activated" id="activated" required class="form-control">
                                        <option value="">Select Status</option>
                                        <option value="1">Active</option>
                                        <option value="0">Inactive</option>
                                    </select>
                                </div>
                                <div class="form-group"><button class="btn btn-block btn-primary">Save Scheme</button></div>
                            </div>
                        </div>
                    </form>
                </div>

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>

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

@section('extraJs')
    
@endsection