@extends('admin.layouts.master-soyuz')
@section('title', __('Add Short |'))
@section('body')
@component('admin.component.breadcumb', ['thirdactive' => 'active'])
  @slot('heading') {{ __('Add Short') }} @endslot
  @slot('menu1') {{ __('Products') }} @endslot
  @slot('menu2') {{ __('Shorts') }} @endslot
@endcomponent

<div class="contentbar">
  <div class="row">
    <div class="col-lg-12">
      @if ($errors->any())
        <div class="alert alert-danger">
          @foreach($errors->all() as $error)<p>{{ $error }}</p>@endforeach
        </div>
      @endif

      <div class="card m-b-30">
        <div class="card-header">
          <a href="{{ route('shorts.index') }}" class="float-right btn btn-md btn-primary-rgba">
            <i class="feather icon-arrow-left"></i> {{ __('Back') }}
          </a>
          <h4 class="card-title">{{ __('Add Short') }}</h4>
        </div>
        <div class="card-body">
          <form method="POST" action="{{ route('shorts.store') }}" enctype="multipart/form-data">
            @csrf

            <div class="row">
              <div class="form-group col-md-6">
                <label>{{ __('Title') }}</label>
                <input type="text" name="title" class="form-control" value="{{ old('title') }}" placeholder="{{ __('Optional title') }}">
              </div>

              <div class="form-group col-md-6">
                <label>{{ __('Music Track') }}</label>
                <input type="text" name="music_track" class="form-control" value="{{ old('music_track') }}" placeholder="{{ __('Track name (optional)') }}">
              </div>

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

              <div class="form-group col-md-6">
                <label>{{ __('Linked Product') }} <small class="text-muted">{{ __('(optional)') }}</small></label>
                <select name="product_id" class="form-control select2">
                  <option value="">{{ __('— None —') }}</option>
                  @foreach($products as $p)
                    <option value="{{ $p->id }}">{{ $p->name }}</option>
                  @endforeach
                </select>
              </div>

              <div class="form-group col-md-6">
                <label>{{ __('Status') }}</label><br>
                <input type="checkbox" name="status" value="1" checked> {{ __('Active') }}
              </div>

              <div class="form-group col-md-6">
                <label>{{ __('Video') }} <span class="required">*</span></label>
                <input type="file" name="video" class="form-control" accept="video/*" required>
                <small class="text-muted">{{ __('mp4, mov, webm, m4v — max 50MB') }}</small>
              </div>

              <div class="form-group col-md-6">
                <label>{{ __('Thumbnail') }}</label>
                <input type="file" name="thumbnail" class="form-control" accept="image/*">
                <small class="text-muted">{{ __('jpg, png, webp — max 5MB') }}</small>
              </div>
            </div>

            <button type="submit" class="btn btn-primary"><i class="fa fa-check-circle"></i> {{ __('Create') }}</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection