@extends('admin.layouts.master-soyuz')
@section('title', __('Edit Short |'))
@section('body')
@component('admin.component.breadcumb', ['thirdactive' => 'active'])
  @slot('heading') {{ __('Edit 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">{{ __('Edit Short') }}</h4>
        </div>
        <div class="card-body">
          <form method="POST" action="{{ route('shorts.update', $short->id) }}" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <div class="row">
              <div class="form-group col-md-6">
                <label>{{ __('Title') }}</label>
                <input type="text" name="title" class="form-control" value="{{ old('title', $short->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', $short->music_track) }}">
              </div>

              <div class="form-group col-md-12">
                <label>{{ __('Caption') }}</label>
                <textarea name="caption" class="form-control" rows="3">{{ old('caption', $short->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 }}" {{ $short->product_id == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                  @endforeach
                </select>
              </div>

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

              <div class="form-group col-md-6">
                <label>{{ __('Video') }}</label>
                <input type="file" name="video" class="form-control" accept="video/*">
                @if($short->video)
                  <small><a href="{{ asset('videos/shorts/' . $short->video) }}" target="_blank">{{ __('Current video') }}</a></small>
                @endif
              </div>

              <div class="form-group col-md-6">
                <label>{{ __('Thumbnail') }}</label>
                <input type="file" name="thumbnail" class="form-control" accept="image/*">
                @if($short->thumbnail && file_exists(public_path('images/shorts/' . $short->thumbnail)))
                  <br><img src="{{ asset('images/shorts/' . $short->thumbnail) }}" width="80" class="rounded mt-2">
                @endif
              </div>
            </div>

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