<commit_before><div class="top-pad"></div>

<div class="content-padding" ng-hide="isModal">
	<h1 class="title"><i class="fa fa-comments-o"></i> Make a call / Send SMS</h1>
</div>

<div ng-class="{'col-box': !isModal}"class="content-padding" ng-controller="SupportPhoneCtrl">

	<div ng-class="{'two-col': !isModal}" ng-hide="hideCallBox">

		<div class="ul-inputs box-content2">

			<form name="formCall" novalidate>

				<ul ng-class="{'submitted':formCallSubmitted}" class="ul-inputs">

					<li class="li-input">
						<strong>Make a call</strong>
					</li>

					<li class="li-input" ng-show="!isModal">
						<div class="label">Choose an admin/driver:</div>
						<div class="input">
							<select name="staff" ng-model="call.staff" ng-required="!isModal" ng-options="opt.phone as opt.name for opt in staff"></select>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formCall.phone.$invalid}">
						<div class="label">Phone:</div>
						<div class="input"><input type="text" name="phone" required  placeholder="Phone" ng-model="call.phone"></div>
						<div class="box-error">
							<small ng-show="formCall.phone.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formCall.to.$invalid}">
						<div class="label">Are you calling to:</div>
						<div class="input">
							<select name="to" ng-model="call.to" required ng-options="opt.to as opt.label for opt in call._to"></select>
						</div>
						<div class="box-error">
							<small ng-show="formCall.to.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-show="!formCallSending">
						<button class="button save" ng-click="call.make();"><i class="fa fa-phone"></i> Cell Call</button>
						<button class="button save hide-mobile" ng-click="call.voip();"><i class="fa fa-phone"></i> VOIP Call</button>
					</li>
					<li class="li-input" ng-show="formCallSending">
						<i class="fa fa-circle-o-notch fa-spin"></i>
					</li>

				</ul>

			</form>

		</div>
	</div>

	<div ng-class="{'two-col': !isModal}" ng-hide="hideSMSBox">

		<div class="ul-inputs box-content2">

			<form name="formSMS" novalidate>

				<ul ng-class="{'submitted':formSMSSubmitted}" class="ul-inputs">

					<li class="li-input">
						<strong>Send SMS</strong>
					</li>

					<li class="li-input" ng-show="!isModal">
						<div class="label">Choose an admin/driver:</div>
						<div class="input">
							<select name="staff" ng-model="sms.staff" ng-required="!isModal" ng-options="( opt.phone + '##' + opt.name ) as opt.name for opt in staff"></select>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.name.$invalid}" ng-show="!isModal">
						<div class="label">Name:</div>
						<div class="input"><input type="text" name="name" ng-required="!isModal" placeholder="Name" ng-model="sms.name"></div>
						<div class="box-error">
							<small ng-show="formSMS.name.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.phone.$invalid}">
						<div class="label">Phone:</div>
						<div class="input"><input type="text" name="phone" required  placeholder="Phone" ng-model="sms.phone"></div>
						<div class="box-error">
							<small ng-show="formSMS.phone.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.message.$invalid}">
						<div class="label">Message:</div>
						<div class="input"><input type="text" name="message" required  placeholder="Message" ng-model="sms.message"></div>
						<div class="box-error">
							<small ng-show="formSMS.message.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-show="!formSMSSending">
						<button class="button save" ng-click="sms.send();"><i class="fa fa-comment"></i> Send SMS</button>
					</li>
					<li class="li-input" ng-show="formSMSSending">
						<i class="fa fa-circle-o-notch fa-spin"></i>
					</li>

				</ul>

			</form>

		</div>
	</div>

</div><commit_msg>updated call and text form style<commit_after>
<div class="content-padding" ng-hide="isModal">
	<h1 class="title"><i class="fa fa-comments-o"></i> Make a call / Send SMS</h1>
</div>

<div ng-class="{'col-box': !isModal}"class="content-padding" ng-controller="SupportPhoneCtrl">

	<div ng-class="{'two-col': !isModal}" ng-hide="hideCallBox">

		<div class="ul-inputs" ng-class="{'box-content2': !isModal}">

			<form name="formCall" novalidate>

				<ul ng-class="{'submitted':formCallSubmitted}" class="ul-inputs">

					<li class="li-input" ng-show="!isModal">
						<strong>Make a call</strong>
					</li>

					<li class="li-input" ng-show="!isModal">
						<div class="label">Choose an admin/driver:</div>
						<div class="input">
							<select name="staff" ng-model="call.staff" ng-required="!isModal" ng-options="opt.phone as opt.name for opt in staff"></select>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formCall.phone.$invalid}" ng-show="!isModal">
						<div class="label">Phone:</div>
						<div class="input"><input type="text" name="phone" required  placeholder="Phone" ng-model="call.phone"></div>
						<div class="box-error">
							<small ng-show="formCall.phone.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formCall.to.$invalid}" ng-show="!isModal">
						<div class="label">Are you calling to:</div>
						<div class="input">
							<select name="to" ng-model="call.to" required ng-options="opt.to as opt.label for opt in call._to"></select>
						</div>
						<div class="box-error">
							<small ng-show="formCall.to.$error.required">Required.</small>
						</div>
					</li>
					
					<div ng-show="!isModal"><br></div>

					
					<div class="double-cols" ng-show="!formCallSending">
						<button class="button button-empty button-border button-green ng-scope button-full" ng-click="call.make()"><i class="fa fa-mobile"></i>&nbsp;&nbsp;Cell</button>
						<button class="button button-empty button-border button-green ng-scope button-full" ng-click="call.voip()"><i class="fa fa-phone"></i>&nbsp;&nbsp;VOIP</button>
					</div>
					<div class="divider"></div>
					
					<li class="li-input" ng-show="formCallSending">
						<i class="fa fa-circle-o-notch fa-spin"></i>
					</li>

				</ul>

			</form>

		</div>
	</div>

	<div ng-class="{'two-col': !isModal}" ng-hide="hideSMSBox">

		<div class="ul-inputs" ng-class="{'box-content2': !isModal}">

			<form name="formSMS" novalidate>

				<ul ng-class="{'submitted':formSMSSubmitted}" class="ul-inputs">

					<li class="li-input" ng-show="!isModal">
						<strong>Send SMS</strong>
					</li>

					<li class="li-input" ng-show="!isModal">
						<div class="label">Choose an admin/driver:</div>
						<div class="input">
							<select name="staff" ng-model="sms.staff" ng-required="!isModal" ng-options="( opt.phone + '##' + opt.name ) as opt.name for opt in staff"></select>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.name.$invalid}" ng-show="!isModal">
						<div class="label">Name:</div>
						<div class="input"><input type="text" name="name" ng-required="!isModal" placeholder="Name" ng-model="sms.name"></div>
						<div class="box-error">
							<small ng-show="formSMS.name.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.phone.$invalid}" ng-show="!isModal">
						<div class="label">Phone:</div>
						<div class="input"><input type="text" name="phone" required  placeholder="Phone" ng-model="sms.phone"></div>
						<div class="box-error">
							<small ng-show="formSMS.phone.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-class="{'error':formSMS.message.$invalid}">
						<div class="label" ng-show="!isModal">Message:</div>
						<div class="input"><textarea name="message" required placeholder="Message" ng-model="sms.message"></textarea></div>
						<div class="box-error">
							<small ng-show="formSMS.message.$error.required">Required.</small>
						</div>
					</li>

					<li class="li-input" ng-show="!formSMSSending">
						<button class="button button-empty button-border button-green ng-scope button-full" ng-click="sms.send();"><i class="fa fa-comment"></i> Send Text</button>
					</li>
					<li class="li-input" ng-show="formSMSSending">
						<i class="fa fa-circle-o-notch fa-spin"></i>
					</li>

				</ul>

			</form>

		</div>
	</div>

</div>
{'fraction_non_alphanumeric': 0.21558775414816547, 'fraction_numerical': 0.0009347978499649451, 'mean_word_length': 3.441619097042034, 'pattern_counts': {'":': 0, '<': 267, '<?xml version=': 0, '>': 267, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '829365', 'n_tokens_mistral': 3695, 'n_tokens_neox': 2910, 'n_words': 543}