<div class="panel panel-default">
    <div class="panel-body space-y-5">
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_phone') ? 'has-error' : '' }}">
            <label for="ship-phone" class="control-label sm:pt-3 sm:text-right">Phone Number <em class="text-danger">*</em></label>
            <div>
                <input type="text" class="form-control field-info" id="ship-phone" name="info[ship_phone]" value="{{ old('info')['ship_phone'] ?? '' }}" />
                @if ($errors->has('info.ship_phone'))
                    <span class="help-block">{{ $errors->first('info.ship_phone') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_email') ? 'has-error' : '' }}">
            <label for="ship-email" class="control-label sm:pt-3 sm:text-right">Email</label>
            <div>
                <input type="text" class="form-control field-info" id="ship-email" name="info[ship_email]" value="{{ old('info')['ship_email'] ?? '' }}" />
                @if ($errors->has('info.ship_email'))
                    <span class="help-block">{{ $errors->first('info.ship_email') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_address_1') ? 'has-error' : '' }}">
            <label for="ship-address-1" class="control-label sm:pt-3 sm:text-right">Address Line 1 <em class="text-danger">*</em></label>
            <div>
                <input type="text" class="form-control field-info" id="ship-address-1" name="info[ship_address_1]" value="{{ old('info')['ship_address_1'] ?? '' }}" />
                @if ($errors->has('info.ship_address_1'))
                    <span class="help-block">{{ $errors->first('info.ship_address_1') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_address_2') ? 'has-error' : '' }}">
            <label for="ship-address-2" class="control-label sm:pt-3 sm:text-right">Address Line 2</label>
            <div>
                <input type="text" class="form-control field-info" id="ship-address-2" name="info[ship_address_2]" value="{{ old('info')['ship_address_2'] ?? '' }}" />
                @if ($errors->has('info.ship_address_2'))
                    <span class="help-block">{{ $errors->first('info.ship_address_2') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_city') ? 'has-error' : '' }}">
            <label for="ship-city" class="control-label sm:pt-3 sm:text-right">City <em class="text-danger">*</em></label>
            <div>
                <input type="text" class="form-control field-info" id="ship-city" name="info[ship_city]" value="{{ old('info')['ship_city'] ?? '' }}" />
                @if ($errors->has('info.ship_city'))
                    <span class="help-block">{{ $errors->first('info.ship_city') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_state') ? 'has-error' : '' }}">
            <label for="ship-state" class="control-label sm:pt-3 sm:text-right">State <em class="text-danger">*</em></label>
            <div>
                <input type="text" maxlength="2" minlength="2" class="form-control col-xs4 field-info" id="ship-state" name="info[ship_state]" value="{{ old('info')['ship_state'] ?? '' }}" />
                @if ($errors->has('info.ship_state'))
                    <span class="help-block">{{ $errors->first('info.ship_state') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_postal') ? 'has-error' : '' }}">
            <label for="ship-postal" class="control-label sm:pt-3 sm:text-right">Zip/Postal <em class="text-danger">*</em></label>
            <div>
                <input type="text" class="form-control field-info" id="ship-postal" name="info[ship_postal]" value="{{ old('info')['ship_postal'] ?? '' }}" />
                @if ($errors->has('info.ship_postal'))
                    <span class="help-block">{{ $errors->first('info.ship_postal') }}</span>
                @endif
            </div>
        </div>
        <div class="form-group form-input grid gap-3 sm:grid-cols-[minmax(0,12rem)_minmax(0,1fr)] sm:items-start {{ $errors->has('info.ship_country') ? 'has-error' : '' }}">
            <label for="ship-country" class="control-label sm:pt-3 sm:text-right">Country <em class="text-danger">*</em></label>
            <div>
                <input type="text" class="form-control field-info" id="ship-country" name="info[ship_country]" readonly value="{{ old('info')['ship_country'] ?? $threshold->getCardCountry() }}" />
                @if ($errors->has('info.ship_country'))
                    <span class="help-block">{{ $errors->first('info.ship_country') }}</span>
                @endif
            </div>
        </div>
    </div>
</div>
