@extends('master')

@section('title')
    Article
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></div>
            <div><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></div>
        </div>
        @include('partials.dashboard-nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerPage">

        <h1 style="text-align: left">EDIT<span style="font-weight: 500; color: #003961;"> NEWS ARTICLE</span></h1>
            <form method="post" action="{{ $article ? route('admin.article.update', $article->id) : route('admin.article.store') }}" enctype="multipart/form-data">
                @method($article ? 'put' : 'post')
                @csrf
                <div class="row">
                    <div class="large-4 columns">
                        <label>Title <small class="red">{{ $errors->first('title') }}</small></label>
                        <input type="text" name="title" value="{{ old('title') ?: ($article ? $article->title : null) }}">
                    </div> 
                    <div class="large-4 columns">
                        <label>Date (Selected {{ $article ? $article->date : null }})<small class="red">{{ $errors->first('date') }}</small></label>
                        <input type="date" name="date"  value="{{ old('date') ?: ($article ? $article->date : null) }}"/>
                    </div>
                    <div class="large-4 columns">
                        <label>Current intro image( <strong>{{ $article ? $article->intro_image : null }})</strong><small class="red">{{ $errors->first('intro_image') }}</small></label>
                          <label>Choose different intro Image<input type="file" name="intro_image" value="{{ old('intro_image') }}"></label>
                    </div>
                </div>
    
                <div class="row">
                    <div class="large-12 columns">
                        <label>Intro <small class="red">{{ $errors->first('intro') }}</small></label>
                        <textarea name="intro" class="content">{{ old('intro') ?: ($article ? $article->intro : null) }}</textarea>
                    </div>
                </div>
    
                <div class="row">
                    <div class="large-12 columns">
                        <label>Content <small class="red">{{ $errors->first('body') }}</small></label>
                        <textarea name="body" class="content">{{ old('body') ?: ($article ? $article->body : null) }}</textarea>
                    </div>
                </div>
    
                <button style="margin-left: 0;" type="submit" class="">Submit</button>
            </form>

        </div>
        <hr class="hrBooking">
    </div>
@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>
    <link rel="stylesheet" href="{{asset("redactor2/redactor.css")}}" />
      <script src="{{asset("redactor2/redactor.js")}}"></script>
      <script src="{{asset("js/redactor/plugins/scriptbuttons.js")}}"></script>
      <script type="text/javascript">
      $(document).ready(
      $(function()
      {
          $('.content').redactor({
                                    focus: true,
                                    imageUpload: '/redactorUpload',
                                    plugins: ['table', 'video','imagemanager','fontcolor','fontsize','fullscreen','scriptbuttons']

          });
      }));
      </script>
@stop