{{--
    Give one customer an offer directly, with no promo code involved.

    Same shape as the other two discount modals: intro line + rule, label above
    input, red asterisk on required, info icon per field, Cancel and Submit.

    The customer field is a search box rather than a select — there are far too
    many customers to render as options, so it queries as you type and the
    hidden user_id is what actually gets submitted.
--}}
<div class="modal fade" id="modal_apply_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">Give an Offer to a Customer</h4>
            </div>

            <div class="modal-body">
                <p>To give one customer a discount without a promo code, complete the form below then click submit..</p>
                <hr>

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

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

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Offer<span style="color: red">*</span>
                                    @include('proedge.admin.discounts._info', ['text' =>
                                        'The discount rule to give them.<br><br>
                                         If they already subscribe, it goes straight onto their subscription and
                                         starts on their next invoice, repeating for as long as the offer&rsquo;s
                                         duration says.<br><br>
                                         It never applies to an early renewal. Buying more projects before the
                                         month is up is charged on its own invoice at full price.<br><br>
                                         If they have not subscribed yet, it is reserved for them instead and
                                         applies on its own when they do. Free trials always work this way, since
                                         a trial only means anything at signup.'])
                                </label>
                                <select id="apply_offer_id" class="form-control" required>
                                    <option value="">Choose an offer&hellip;</option>
                                    @foreach($activeOffers as $offer)
                                        <option value="{{ $offer->id }}">
                                            {{ $offer->name }} &mdash; {{ $offer->summary }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            @include('proedge.admin.discounts._customer_picker', [
                                'id'       => 'apply',
                                'name'     => 'user_id',
                                'label'    => 'Customer',
                                'required' => true,
                                'info'     => 'Search by name, email or mobile, then pick from the list.<br><br>
                                               Either way they end up with the discount &mdash; on their next
                                               invoice if they subscribe already, or waiting for them at checkout
                                               if they do not. They never have to type anything.',
                            ])
                        </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" id="apply_offer_submit" disabled>Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>