@extends('admin.master')
@section('title', @trans('Podcast'))
@section('style')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.css" rel="stylesheet">
@endsection
@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">@trans('Dashboard') </a>
                        </li>
                        <li class="breadcrumb-item"><a
                                href="{{ route('admin.category-podcasts.index') }}">@trans('Podcast Categories')</a>
                        </li>
                        </li>
                        <li class="breadcrumb-item"><a
                                href="{{ route('admin.category-podcasts.edit', $podcast->category->id) }}">{{ $podcast->category->transLocale->first()->title }}</a>
                        </li>
                        <li class="breadcrumb-item active">@trans('Edit Podcast')</li>
                    </ol>
                </div>
                <h4 class="page-title">@trans('Podcast')</h4>
            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('admin.podcasts.update', $podcast->id) }}" method="POST"
                          enctype="multipart/form-data">
                        @csrf
                        @method('put')
                        <input type="hidden" value="{{ $podcast->category->id }}" name="category_podcasts_id">
                        <!-- حقول العنوان لكل لغة -->
                        <div class="row">
                            @foreach ($languages as $index => $locale)
                                <div class="col-md-6 mb-3">
                                    <label class="form-label" for="title{{ $index }}">
                                        {{ __('Title in') }} {{ __('lang.' . $locale) }}
                                        <span class="text-danger">*</span>
                                    </label>
                                    <input class="form-control" type="text" name="{{ $locale }}[title]"
                                           value="{{ old($locale . '.title', optional($podcast->trans()->where('locale', $locale)->first())->title) }}">
                                    @error("{$locale}.title")
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                {{-- description ------------------------------------------------------------------------------------- --}}
                                <div class="row mb-3">
                                    <div class="mb-3">
                                        <label class="form-label" for="description{{ $index }}">
                                            @trans('description')
                                            {{ Illuminate\Support\Facades\Lang::get($locale) }}
                                        </label>
                                        <textarea id="summernote{{ $index }}"
                                                  name="{{ $locale }}[description]">{{ old($locale . '.description', optional($podcast->trans()->where('locale', $locale)->first())->description) }}</textarea>

                                        @if ($errors->has($locale . '.description'))
                                            <span
                                                class="text-danger">{{ $errors->first($locale . '.description') }}</span>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="row">
                            <!-- حقل الصورة -->
                            <div class="mb-3 col-md-6">
                                <label for="image" class="form-label">{{ __('Image') }}</label>
                                <input class="form-control" type="file" id="image" name="image">
                                @error('image')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <!-- حقل الصوت -->
                            <div class="mb-3 col-md-6">
                                <label for="sound" class="form-label">{{ __('Sound') }}</label>
                                <input class="form-control" type="file" id="sound" name="sound">
                                @error('sound')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="link" class="form-label">@trans('link')</label>
                                <input class="form-control" type="text" id="link" name="link"
                                       value="{{ old('link', $podcast->link) }}">
                                @error('link')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="mb-3 col-md-6">
                                <label for="publish_date" class="form-label">@trans('publish_date')</label>
                                <input class="form-control" type="date" id="publish_date" name="publish_date">
                                @error('publish_date',$podcast->publish_date)
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="mb-3 col-md-6">
                                <!-- حقل الحالة -->
                                <!-- حقل الحالة -->
                                <div class="form-check form-check-inline">
                                    <label class="form-check-label"
                                           for="customCheck3">@trans('publishing world') </label>
                                    <input type="checkbox" class="form-check-input" id="customCheck3" name="status"
                                        @checked($podcast->status == 1)>
                                </div>
                            </div>


                        </div>

                        <button type="submit" class="btn btn-success float-end mt-3">@trans('edit')</button>
                    </form>
                </div> <!-- end card-body -->
            </div> <!-- end card-->
        </div> <!-- end col -->
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            @if ($podcast->image)
                                <div class="mb-3">
                                    <img src="{{ $podcast->image }}" class="img-fluid" alt="image" width="300">
                                </div>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @if ($podcast->sound)
                                <audio controls style="width: 100%;">
                                    <source src="{{ asset($podcast->sound) }}" type="audio/mpeg">
                                    {{ __('Your browser does not support the audio element.') }}
                                </audio>
                            @else
                                <span class="text-muted">@trans('No sound')</span>
                            @endif
                        </div>
                    </div>
                </div> <!-- end card body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>

@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-lite.min.js"></script>
    <script>
        $(document).ready(function () {
            @foreach ($languages as $index => $locale)
            $('#summernote{{ $index }}').summernote({
                height: 300, // ارتفاع المحرر
                placeholder: 'Enter your text here...', // النص الافتراضي
                tabsize: 2, // حجم التبويبة
                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']],
                    ['insert', ['link', 'picture', 'video']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ]
            });
            @endforeach
        });
    </script>
@endsection