@extends('backend.layouts.app')
@section('breadcrumb')
    <li class="breadcrumb-item">{!! link_to_route('admin.dashboard', __('Home')) !!}</li>
    <li class="breadcrumb-item">{!! link_to_route('admin.ytfeeds.index', __('Youtube Feeds')) !!}</li>
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-8">
            @include('backend.layouts.validation')
            <div class="card shadow mb-4">
                <div class="card-header">
                    <div class="d-flex justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary"><i class="fas fa-plus"></i>
                            {{ __('Edit Youtube Feed') }}
                        </h6>
                    </div>
                </div>
                <div class="card-body">
                    {!! Form::model($feed, ['route' => ['admin.ytfeeds.update', 'ytfeed' => $feed], 'method' => 'PUT']) !!}
                    <div class="form-group row">
                        <x-forms.label name="Name" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            <x-forms.text name="name" />
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Channel URL" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            <x-forms.text name="feed_url" />
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Album Option" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            {!! Form::select(
                                'album_creating_option',
                                ['create' => 'Auto Decide or Creating Album', 'target' => 'Target Album'],
                                $feed->getCustomField('album_creating_option', 'create'),
                                [
                                    'class' => 'form-control' . addErrorClass($errors->has('album_creating_option')),
                                    'id' => 'album_creating_option',
                                ],
                            ) !!}
                            @error('album_creating_option')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div id="album_target_display"
                        style="{{ $feed->getCustomField('album_creating_option', 'create') == 'target' ? 'display:block' : 'display:none' }}">
                        <div class="form-group row">
                            <x-forms.label name="Album" class="col-md-3 col-form-label" />
                            <div class="col-md-9">
                                <x-forms.select name="album_id" :value="$aid" :list="[$albumList]" :attrs="[
                                    'data-value' => $aid,
                                    'id' => 'select2albumlist',
                                    'placeholder' => 'Select Album',
                                    'data-url' => route('admin.albumlist.ajax'),
                                ]" />
                            </div>
                        </div>
                    </div>

                    <div id="album_create_display"
                        style="{{ $feed->getCustomField('album_creating_option', 'create') == 'create' ? 'display:block' : 'display:none' }}">
                        <div class="form-group row">
                            <x-forms.label name="Album Category" class="col-md-3 col-form-label" />
                            <div class="col-md-9">
                                <x-forms.select name="album_category_id" :list="$categories" :value="$feed->getCustomField('album_category_id')"
                                    :attrs="['placeholder' => 'Select Category']" />
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Music Title Replaces (Multiple using (,) ie: lyrical,video)"
                            class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            <x-forms.text name="music_title_replaces" :value="$feed->getCustomField('music_title_replaces')" />
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Album Title Replaces (Multiple using (,) ie: lyrical,video)"
                            class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            <x-forms.text name="album_title_replaces" :value="$feed->getCustomField('album_title_replaces')" />
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Music Bitrate" class="col-md-3 col-form-label" />
                        <div class="col-md-3">
                            <x-forms.select name="music_bitrate" :list="[128 => '128KBPS', 192 => '192KBPS', 320 => '320KBPS']" :value="$feed->getCustomField('music_bitrate', 128)" />
                        </div>
                    </div>



                    <div class="form-group row">
                        <x-forms.label name="Post Status" class="col-md-3 col-form-label" />
                        <div class="col-md-3">
                            {!! Form::select(
                                'post_status',
                                [App\Models\Music::PUBLIC => 'Published', App\Models\Music::PRIVATE => 'Private'],
                                $feed->getCustomField('post_status'),
                                [
                                    'class' => 'form-control' . addErrorClass($errors->has('post_status')),
                                    'id' => 'post_status',
                                ],
                            ) !!}
                            @error('post_status')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <x-forms.label name="Music Featured" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            {!! Form::checkbox('post_featured', 'Y', $feed->getCustomField('post_featured') == 'Y' ? true : false, [
                                'data-on' => 'YES',
                                'data-off' => 'NO',
                                'data-toggle' => 'toggle',
                                'data-onstyle' => 'info',
                            ]) !!}
                        </div>
                    </div>



                    <div class="form-group row">
                        <x-forms.label name="Status" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            {!! Form::checkbox(
                                'status',
                                App\Models\YoutubeChannel::STATUS_ACTIVE,
                                $feed->status == App\Models\YoutubeChannel::STATUS_ACTIVE ? true : false,
                                [
                                    'data-on' => 'Active',
                                    'data-off' => 'Deactive',
                                    'data-toggle' => 'toggle',
                                    'data-onstyle' => 'success',
                                ],
                            ) !!}
                        </div>
                    </div>





                    <div class="row justify-content-end">
                        {!! Form::button('<i class="fas fa-check"></i> ' . __('Submit'), [
                            'type' => 'submit',
                            'class' => 'btn btn-primary',
                        ]) !!}
                    </div>

                    {!! Form::close() !!}
                    <div class="btn btn-group d-block">
                        <a href="{{ route('admin.ytfeeds.index') }}" class="btn btn-dark"><span
                                class="fas fa-arrow-left"></span>
                            Back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        $(function() {
            $("#album_creating_option").on("change", function(e) {
                e.preventDefault();
                let val = $(this).val();
                if (val == "create") {
                    $("#album_create_display").show();
                    $("#album_target_display").hide();
                } else {
                    $("#album_create_display").hide();
                    $("#album_target_display").show();
                }
            });
        });
    </script>
@endpush