@extends('layouts.app')

@section('content')

    <div class="container-fluid">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
            @if(session()->has('success'))
                <div class="alert alert-success">
                    {{ session()->get('success') }}
                </div>
            @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Add Activation Codes to the selected product</div>
                    <div class="card-body">
                        <form action="{{ route('addActivationCodes') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="product_name">Choose a Product:</label>
                                        <select required="" id="product_name" class="form-control" name="product_id">
                                            <option default value="">---- Choose a Product -----</option>
                                            @foreach($select AS $productV)
                                                <option value="{{ $productV['product_id'] }}">{{ $productV['domain_name'] }} - {{ $productV['product_description'] }} - {{ $productV['product_sku'] }} - {{ $productV['product_panel_name'] }} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-1">
                                    <div class="form-group">
                                        <label for="quantity">Quantity:</label>
                                        <input required="" type="number" min="0" max="10000" id="quantity" class="form-control" name="quantity" placeholder="Qty" />
                                    </div>
                                </div>
                                <div class="col-sm-1">
                                    <fieldset class="form-group">
                                        <legend>Download?</legend>
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="download" id="downloadOption1" value="yes" checked>
                                                Yes
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="download" id="downloadOption2" value="no">
                                                No
                                            </label>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-sm-1">
                                    <fieldset class="form-group">
                                        <legend>Format:</legend>
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="format" id="formatOption1" value="csv" checked="">
                                                CSV
                                            </label>
                                        </div>
                                        <div class="form-check">
                                            <label class="form-check-label">
                                                <input type="radio" class="form-check-input" name="format" id="formatOption2" value="txt">
                                                TXT
                                            </label>
                                        </div>
                                    </fieldset>
                                </div>
                                <div class="col-sm-6">
                                        <input type="submit" name="add" class="btn btn-primary" value="Submit" />
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-md-6">

            </div>
        </div>

<!-- Aaron add new row -->

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">Add Activation Codes to the selected product</div>
            <div class="card-body">
                <form action="{{ route('addActivationCodes') }}" method="post">
                    @csrf
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="product_name">Choose a Product:</label>
                                <select required="" id="product_name" class="form-control" name="product_id">
                                    <option default value="">---- Choose a Product -----</option>
                                    @foreach($select AS $productV)
                                        <option value="{{ $productV['product_id'] }}">{{ $productV['domain_name'] }} - {{ $productV['product_description'] }} - {{ $productV['product_sku'] }} - {{ $productV['product_panel_name'] }} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <div class="form-group">
                                <label for="quantity">Quantity:</label>
                                <input required="" type="number" min="0" max="10000" id="quantity" class="form-control" name="quantity" placeholder="Qty" />
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <fieldset class="form-group">
                                <legend>Download?</legend>
                                <div class="form-check">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input" name="download" id="downloadOption1" value="yes" checked>
                                        Yes
                                    </label>
                                </div>
                                <div class="form-check">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input" name="download" id="downloadOption2" value="no">
                                        No
                                    </label>
                                </div>
                            </fieldset>
                        </div>
                        <div class="col-sm-1">
                            <fieldset class="form-group">
                                <legend>Format:</legend>
                                <div class="form-check">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input" name="format" id="formatOption1" value="csv" checked="">
                                        CSV
                                    </label>
                                </div>
                                <div class="form-check">
                                    <label class="form-check-label">
                                        <input type="radio" class="form-check-input" name="format" id="formatOption2" value="txt">
                                        TXT
                                    </label>
                                </div>
                            </fieldset>
                        </div>
                        <div class="col-sm-6">
                                <input type="submit" name="add" class="btn btn-primary" value="Submit" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-6">

    </div>
</div>

<!-- end new row -->


        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">Activation Codes</div>
                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif
                        <div class="row">
                            @foreach($activationCodes AS $k=>$code)
                                <div class="col-md-3">
                                    <div class="card">
                                        <div class="card-body">
                                            <h5 class="card-title">Pannel {{ $k }}</h5>
                                            <p class="card-text">
                                                @foreach($code AS $value)
                                                    {{ $value }} <br />
                                                @endforeach
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="addCodes" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="post" action="">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Generate More Activation Codes</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            @csrf
                            <label for="panelId">Pannel</label>
                            <input type="text" class="form-control" name="panelId" id="panelId" required />
                            <label for="qty">Quantity of Activation Codes</label>
                            <input class="form-control" type="number" min="1" max="10000" require name="qty" id="qty" />
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <input type="submit" class="btn btn-primary" value="Save Changes" />
                        </div>
                    </form>
                </div>
            </div>
        </div>
@endsection