@extends('layouts.client')
@section('title', 'New manual call')
@section('content')
<div class="card p-3" style="max-width:640px">
@if($sites->isEmpty())<x-empty text="You need an active website before placing manual calls." action="Connect website" :url="route('client.websites')"/>
@else
<div class="alert alert-info small">This call will cost <strong>{{ $wallet->free_credits > 0 ? '1 free credit' : $currency . ' ' . number_format($price, 2) }}</strong> @if($wallet->free_credits > 0)(then {{ $currency }} {{ number_format($price, 2) }} per call after free credits)@endif. You are charged only if the voice provider accepts the call.</div>
<form method="post" action="{{ route('client.calls.store') }}">@csrf
<label class="form-label">Website</label><select class="form-select mb-2" name="website_id">@foreach($sites as $s)<option value="{{ $s->id }}">{{ $s->normalized_domain }}</option>@endforeach</select>
<label class="form-label">WooCommerce order ID</label><input class="form-control mb-2" name="wc_order_id" required maxlength="32">
<label class="form-label">Customer name</label><input class="form-control mb-2" name="customer_name" maxlength="160">
<label class="form-label">Customer phone</label><input class="form-control mb-2" name="phone" placeholder="01XXXXXXXXX" required>
<label class="form-label">Language</label><select class="form-select mb-2" name="language"><option value="">Account default</option><option value="bn">Bangla</option><option value="en">English</option></select>
<div class="form-check mb-3"><input class="form-check-input" type="checkbox" name="accept_price" id="ap" required><label class="form-check-label" for="ap">I accept the charge shown above.</label></div>
<button class="btn btn-primary" type="submit">Place call</button></form>@endif</div>
@endsection