{{--
    Edit the parts of an offer that can still be changed.

    Deliberately short. A Stripe coupon fixes its percentage, amount, duration
    and currency at creation and will not accept an update to any of them, so
    those are shown read-only rather than offered as fields that would silently
    do nothing. Changing the discount itself means switching this offer off and
    creating a new one.

    Populated from the clicked row's data attributes by the script in
    offers.blade.php.
--}}
<div class="modal fade" id="modal_edit_offer" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Edit Offer</h4>
            </div>

            <div class="modal-body">
                <p>To change this offer, update the fields below then click submit..</p>
                <hr>

                @include('proedge.admin.discounts._form_errors')

                <form id="edit_offer_form" method="post" class="discount-form"
                      action="{{ route('discounts.offers.update', ['offer' => 0]) }}"
                      data-url-template="{{ route('discounts.offers.update', ['offer' => '__ID__']) }}">
                    {{ csrf_field() }}

                    {{-- Names the form that bounced. Add Offer and Edit Offer
                         both post a `name`, so old('name') cannot tell them
                         apart and a failed edit would reopen Add Offer. --}}
                    <input type="hidden" name="form" value="edit_offer">

                    {{-- The offer id lives in the URL, which a bounce does not
                         bring back, and the summary line is read-only text with
                         nowhere else to come from. --}}
                    <input type="hidden" name="offer_id" id="edit_offer_id">
                    <input type="hidden" name="offer_summary" id="edit_offer_summary_value">

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label">Discount</label>
                                <p class="form-control-static">
                                    <strong id="edit_offer_summary"></strong>
                                    <span class="text-muted">
                                        &mdash; fixed when the offer was created and cannot be changed
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Offer Name<span style="color: red">*</span>
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'What this offer is called here and in Stripe.<br><br>
                                         Customers never see it &mdash; they see the promo code.'])
                                </label>
                                <input type="text" name="name" id="edit_offer_name"
                                       class="form-control" maxlength="191" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Partner
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'Who this offer is for, used only for filtering and reporting.<br><br>
                                         Stripe has nowhere to store it, so it is ours alone.'])
                                </label>
                                <input type="text" name="partner" id="edit_offer_partner"
                                       class="form-control" maxlength="191">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label">
                                    Description
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'A note for your team about what this offer is for. Customers never see
                                         it and it is not sent to Stripe, so it can be changed any time.'])
                                </label>
                                <textarea name="description" id="edit_offer_description" rows="2"
                                          maxlength="1000" class="form-control"></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Budget cap
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'Total this offer may give away before it stops on its own.<br><br>
                                         Leave empty for no limit; if you set one, it must be at least
                                         <strong>$500</strong>. It also cannot be set below what has already
                                         been given away &mdash; that would stop the offer the moment you
                                         saved it, so switch it off instead.'])
                                </label>
                                <div class="input-group">
                                    <span class="input-group-addon">$</span>
                                    <input type="number" name="budget_cap" id="edit_offer_budget_cap"
                                           class="form-control" step="0.01" min="500" placeholder="No limit, or 500 and up">
                                </div>
                                <p class="help-block" id="edit_offer_budget_used"></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Valid Till
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'When the offer stops accepting new redemptions.<br><br>
                                         An end date set at creation was registered with Stripe and cannot be
                                         pushed back or removed, only brought forward. To run it longer,
                                         create a new offer.'])
                                </label>
                                <input type="datetime-local" name="ends_at" id="edit_offer_ends_at"
                                       class="form-control">
                                <p class="help-block" id="edit_offer_ends_note" style="display:none;">
                                    Registered with Stripe &mdash; can only be brought forward.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            {{-- Filled from the row's data-plan-ids when the modal opens. --}}
                            @include('proedge.admin.discounts._plan_limit', [
                                'prefix'   => 'edit_offer',
                                'plans'    => $plans,
                                'selected' => [],
                            ])
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="control-label" style="font-weight:400;">
                                    <input type="checkbox" name="auto_apply" value="1"
                                           id="edit_offer_auto_apply">
                                    Apply this automatically, with no code typed
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'Checkout applies this offer on its own to every customer who
                                         qualifies. Stripe stores nothing for this, so it can be turned
                                         on and off whenever you like &mdash; unlike the discount
                                         itself.'])
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row modal-actions">
                        <div class="col-md-12 text-right">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-success">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>