@extends("admin.layouts.sellermastersoyuz")
@section('title', __('Request Ad'))
@section('body')
@component('seller.components.breadcumb', ['secondactive' => 'active'])
  @slot('heading') {{ __('Request New Ad') }} @endslot
  @slot('menu1') {{ __('Ads') }} @endslot
@endcomponent

<div class="contentbar">
  <div class="row">
    <div class="col-lg-8 offset-lg-2">
      <div class="card m-b-30">
        <div class="card-header">
          <h5 class="box-title">{{ __('Submit a New Ad Request') }}</h5>
          <p class="text-muted">{{ __('Price per day') }}: <b>INR {{ number_format($pricePerDay, 2) }}</b></p>
        </div>
        <div class="card-body">
          @if($errors->any())
            <div class="alert alert-danger">
              <ul class="mb-0">
                @foreach($errors->all() as $err) <li>{{ $err }}</li> @endforeach
              </ul>
            </div>
          @endif

          <form action="{{ route('seller.shorts.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="form-group">
              <label>{{ __('Title') }} <span class="text-danger">*</span></label>
              <input type="text" name="title" class="form-control" value="{{ old('title') }}" required>
            </div>

            <div class="form-group">
              <label>{{ __('Caption') }}</label>
              <textarea name="caption" class="form-control" rows="3">{{ old('caption') }}</textarea>
            </div>

            <div class="form-group">
              <label>{{ __('Redirect URL (when user clicks ad)') }} <span class="text-danger">*</span></label>
              <input type="url" name="redirect_url" class="form-control" placeholder="https://..." value="{{ old('redirect_url') }}" required>
            </div>

            <div class="form-group">
              <label>{{ __('Button Text') }}</label>
              <input type="text" name="cta_text" class="form-control" maxlength="32" placeholder="e.g. Shop Now, Visit Store, Learn More" value="{{ old('cta_text', 'Shop Now') }}">
              <small class="text-muted">{{ __('Defaults to "Shop Now" if blank.') }}</small>
            </div>

            <div class="form-group">
              <label>{{ __('Link Product (optional)') }}</label>
              <select name="product_id" class="form-control">
                <option value="">{{ __('— None —') }}</option>
                @foreach($products as $p)
                  <option value="{{ $p->id }}" {{ old('product_id') == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                @endforeach
              </select>
            </div>

            <div class="form-group">
              <label>{{ __('Duration (days)') }} <span class="text-danger">*</span></label>
              <input type="number" name="ad_duration_days" id="ad_duration_days" class="form-control" min="1" max="90" value="{{ old('ad_duration_days', 7) }}" required>
              <small class="text-muted">{{ __('Total amount') }}: <b id="totalAmount">INR {{ number_format($pricePerDay * (int) old('ad_duration_days', 7), 2) }}</b></small>
            </div>

            <div class="form-group">
              <label>{{ __('Video') }} <span class="text-danger">*</span></label>
              <input type="file" name="video" class="form-control-file" accept="video/mp4,video/quicktime,video/webm" required>
              <small class="text-muted">{{ __('Max 50MB. mp4/mov/webm') }}</small>
            </div>

            <div class="form-group">
              <label>{{ __('Thumbnail (optional)') }}</label>
              <input type="file" name="thumbnail" class="form-control-file" accept="image/*">
            </div>

            <button type="submit" class="btn btn-primary">
              <i class="feather icon-send mr-2"></i>{{ __('Submit & Proceed to Payment') }}
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var pricePerDay = {{ $pricePerDay }};
    var input = document.getElementById('ad_duration_days');
    var total = document.getElementById('totalAmount');
    input.addEventListener('input', function() {
      var days = parseInt(this.value, 10) || 0;
      total.innerText = 'INR ' + (pricePerDay * days).toFixed(2);
    });
  });
</script>
@endsection