@extends('layout.app')

@section('content')
<section class="content-header">
    <h1>
        Canal RSS
        <small>{{ isset($feedchannel) ? 'Editar' : 'Crear' }}</small>
    </h1>
</section>

<style>
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dd4b3a;
    border: 1px solid #d73a25;
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #dd4c3b;
    color: white;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #d2d6df;
    border-radius: 4px;
    cursor: text;
}
.select2-container--default.select2-container--open {
    border-color: #dd4c3b;
}
</style>

<section class="content">
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif
    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">

                <form role="form" method="POST" action="{{ isset($feedchannel) ? route('feedchannel.update', $feedchannel->feed_channel_id) : route('feedchannel.store') }}">
                    @csrf
                    @if(isset($feedchannel))
                        @method('PUT')
                    @endif
                    <div class="box-body">
                        <div class="form-group">
                            <label for="name">Nombre</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="Enter name" value="{{ isset($feedchannel) ? $feedchannel->name : old('name') }}">
                        </div>

                        <div class="form-group">
                            <label for="category">Categoría</label>
                            <input type="text" class="form-control" id="category" name="category" placeholder="Enter category" value="{{ isset($feedchannel) ? $feedchannel->category : old('category') }}">
                        </div>

                        <div class="form-group">
                            <label for="source_url">URL del canal</label>
                            <input type="url" class="form-control" id="source_url" name="source_url" placeholder="Enter source URL" value="{{ isset($feedchannel) ? $feedchannel->source_url : old('source_url') }}">
                        </div>

                        <div class="form-group">
                            <label for="social_channels">Canales sociales</label>
                            <select class="form-control select2" multiple="multiple" name="social_channels[]" id="social_channels" style="width: 100%;">
                                @foreach($socialChannels as $channel)
                                    <option value="{{ $channel->social_channel_id }}" 
                                        {{ isset($feedchannel) && $feedchannel->socialChannels->contains($channel->social_channel_id) ? 'selected' : '' }}
                                        {{ !isset($feedchannel) && is_array(old('social_channels')) && in_array($channel->id, old('social_channels')) ? 'selected' : '' }}>
                                        {{ $channel->social_network_name }} - {{ $channel->name }}  
                                    </option>
                                @endforeach
                            </select>
                            <small class="form-text text-muted">Seleccione los canales sociales donde desea publicar</small>
                        </div>

                        <div class="form-group">
                            <label for="settings">Configuración</label>
                            <textarea class="form-control" id="settings" name="settings" rows="3" placeholder="Enter settings">{{ isset($feedchannel) ? $feedchannel->settings : old('settings') }}</textarea>
                        </div>
                    </div>

                    <div class="box-footer">
                        <div class="btn-group pull-right" role="group" aria-label="Basic example">
                            <a href="{{ route('feedchannel.list') }}" class="btn btn-default">Cancelar</a>
                            <button type="submit" class="btn btn-danger">{{ isset($feedchannel) ? 'Actualizar' : 'Guardar' }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        //Initialize Select2 Elements
        $('#social_channels').select2({
            placeholder: "Seleccione los canales sociales",
            allowClear: true,
            width: '100%',
            language: 'es'
        });
    });
</script>
@endpush