@extends('layouts.admin.frame')

@section('header')
    @component('layouts.admin.header')
    Beállítások
    @slot('subtitle')
        
    @endslot
    @endcomponent
@endsection



@section('content')
        
    @if(empty($item))
        Hibás post id!
    @else
    <div class="card">
        <div class="card-header">
            {{ $item->description }}
        </div>
        <div class="card-body">
            
                <form action="{{ route('siteconfig.update',$item->id) }}" method="POST" enctype="multipart/form-data">
            
                @csrf
                @method('PATCH')
            
                @if ( $item->format == "text")
                    <div class="row">
                        <div class="col">
                            <div class="form-group">                                
                                <input type="text" class="form-control" id="value" name="value" value="{{ $item->value }}" />
                            </div>
                        </div>
                    </div>    
                @endif

                @if ($item->format == "textarea")
                    <div class="row">
                        <div class="col">
                            <div class="form-group">                                
                                <textarea class="form-control" id="value" name="value" rows="5">{{ $item->value }}</textarea>
                            </div>
                        </div>
                    </div>
                @endif

                @if ($item->format == "img")
                    <div class="row">                        
                        <div class="col-4 pdb-20 offset-sm-4 text-center pb-3">
                            @if(file_exists($item->value))                    
                                <img src="/{{ $item->value }}" class="picUp w-100" id="pic" style="width:100%;" />
                            @else
                                <img src="{{ asset('adm/nopic.jpg') }}" class="picUp w-100" id="pic" />
                            @endif                    
                            <input type="file" name="myFile" onchange="readURL(this,'#pic');" class="mgt-10" />
                        </div>
                    </div>
                @endif
                
                @if ($item->format == "file")
                    <div class="row mb-4">
                        <div class="col-6">
                            <div class="form-group">
                                <label for="file">Új fájl feltöltése</label>
                                <input type="file" name="myFile" class="mgt-10 form-control" id="file" />
                            </div>
                        </div>
                        <div class="col-6 text-center">
                            <div class="form-group">
                                <label>Jelenlegi fájl:</label> <br>
                                @if(file_exists($item->value))                                    
                                    <a href="/{{ $item->value}}" target="_blank">{{ $item->value }}</a></h4>
                                @else
                                    Nincs
                                @endif                                
                            </div>
                        </div>
                        
                    </div>
                @endif

                @if ($item->format == "editor" || $item->format == "editor_full")
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <textarea name="value" rows="10">{{ $item->value }}</textarea>
                                @include('layouts.admin.editor',['selector'=>'[name=value]'])
                            </div>
                        </div>
                    </div>
                @endif

                <div class="text-center">
                    <button type="submit" class="btn btn-primary">Mentés</button>
                    <a href="{{ URL::previous() }}" class="btn btn-secondary">Vissza</a>
                </div>
                
                
            </form>
        </div>
    </div>

    @endif

    <script>
        function readURL(input, picid){
            if (input && input.files[0]) {
                var reader = new FileReader();                
                reader.onload = function(e){
                    $(picid).attr("src", e.target.result);
                };
                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>

@endsection