@extends('Dashboard.main')

@section('Dashboard')
<!-- START PAGE CONTENT -->
<div class="content "> 
  <!-- START PAGE COVER -->
  <div class="jumbotron page-cover" data-pages="parallax">
    <div class=" container-fluid  container-fixed-lg">
      <div class="inner">
        <!-- START BREADCRUMB -->
        <ol class="breadcrumb">  
          <li class="breadcrumb-item"><a href="{!! url('admin') !!}">{!! __('Dashboard') !!}</a></li>
          <li class="breadcrumb-item"><a href="{!! route('Posts.index') !!}">{!! __('News') !!}</a></li>
          <li class="breadcrumb-item active">{!! __('Edit News') !!}</li>
        </ol> 
        <!-- END BREADCRUMB -->
        <div class="container-md-height">
          <div class="row">
            <!-- START card -->
            <div class="card card-transparent">
              <div class="card-body">
                <h3><i class="far fa-closed-captioning"></i> {{ __('Edit')}} {{ $Post->Title_en }}</h3>
              </div>
            </div>
            <!-- END card -->
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- END PAGE COVER -->
  <!-- START CONTAINER FLUID -->
  <div class=" container-fluid container-fixed-lg">
    <!-- START card -->
    <div class="row">
      <div class="col-lg-9">
        <!-- START card -->
        <div class="card card-default">
          <div class="card-header ">
            <div class="card-title">
              {!! __('Edit') !!} {!! $Post->Title_en !!}
            </div>
          </div>
          @if ($errors->any())    
          <div class="pgn-wrapper top-inline" data-position="top">
            <div class="pgn push-on-sidebar-open pgn-bar">
              <div class="alert alert-danger">
                <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span>
                  <span class="sr-only">{{ __('Close')}}</span>
                </button>
                @foreach ($errors->all() as $error)
                {{ $error }}
                @endforeach
              </div>
            </div>
          </div>
          @endif
          <div class="card-body">
          <!-- ========================= links Content Start Setting ============================================= -->
          <form action="{{ route('Posts.update',$Post->slug) }}" method="POST" role="form" 
                enctype="multipart/form-data">
            @csrf
            @method('PATCH')
            <div class="form-group form-group-default required">
              <label for="Title_en">{{ __('News Title')}}</label>
              <input type="text" class="form-control @error('Title_en') is-invalid @enderror" required="" placeholder="ex: News" id="Title_en" name="Title_en" value="{{ $Post->Title_en }}">
              @error('Title_en')
                <div class="alert alert-danger">{{ $message }}</div>
              @enderror 
            </div>
            <!-- START card -->
            <div class="card card-default">
              <div class="card-header">
                <div class="card-title">{!! __('News Content') !!}</div>
              </div>
              <div class="card-body no-scroll card-toolbar">
                <div class="summernote-wrapper">
                  <textarea  id='summernote' name="body_en">{!! $Post->body_en !!}</textarea>
                </div>
              </div>
            </div>
            <!-- END card -->
            <!-- START card -->
             <div class="row">
              <div class="col-lg-6">
                <div class="sm-m-l-5 sm-m-r-5">
                  <div class="card-group horizontal" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="card card-default m-b-0">
                      <div class="card-header lang-title" role="tab" id="headingTwo">
                      <div class="card-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" 
                           href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        <button class="btn btn-primary btn-sm btn-rounded m-r-10"> 
                         {!! __('France language') !!}
                        </button>
                        </a>
                      </div>
                      </div>
                      <div id="collapseTwo" class="collapse" role="tabcard" aria-labelledby="headingTwo">
                        <div class="card-body">
                          <div class="tab-content bg-white col-xl-12">
                        <div class="tab-pane active" id="France">
                          <div class="form-group form-group-default">
                            <label>{!! __('Coffee France language Title') !!}</label>
                            <input type="text" name="Title_fr" class="form-control" placeholder="ex:Coffee France language Title" value="{{ $Post->Title_fr }}"> 
                          </div>
                          <!-- START card -->
                          <div class="form-group">
                          <textarea class="form-control" name="body_fr" placeholder="France language Content" rows="10">  {!! $Post->body_fr !!}   
                          </textarea>
                          </div>
                         </div>
                         </div>
                         </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="sm-m-l-5 sm-m-r-5">
                  <div class="card-group horizontal" id="accordion" role="tablist" aria-multiselectable="true">
                     <div class="card card-default m-b-0">
                      <div class="card-header lang-title" role="tab" id="headingThree">
                        <div class="card-title">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" 
                            href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> 
                          <button class="btn btn-primary btn-sm  btn-rounded m-r-10"> {{ __('Arabic language')}}</button> 
                          </a>
                        </div>
                      </div>
                      <div id="collapseThree" class="collapse" role="tabcard" aria-labelledby="headingThree">
                        <div class="card-body">
                          <div class="tab-pane" id="Arabic">
                          <div class="form-group form-group-default">
                            <label>{{ __('News Title Arabic')}}</label>
                            <input type="text" value="{{ $Post->Title_ar }}" class="form-control" name="Title_ar"  placeholder="ex:  The title for your News"> 
                          </div>
                          <!-- START card -->
                          <div class="form-group">
                            <textarea class="form-control" name="body_ar" placeholder="News Content Arabic" rows="10">
                              {{ $Post->body_ar }}
                            </textarea>
                          </div>
                        </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- END card -->
            <button class="btn btn-success btn-cons btn-animated from-left fa fa-save pull-right" type="submit">
              <span>{!! __('Save') !!}</span>
            </button>
          </div>
        </div>
        <!-- END card -->
      </div>
      <div class="col-lg-3">
        <!-- START card -->
        <div class="card card-default">
          <div class="card-header ">
            <div class="card-title">{!! __('News Content') !!}</div>
          </div> 
          <div class="card-body">
              <p>{!! __('These are Default News Category') !!}</p>
              <div class="form-group form-group-default form-group-default-select2 required">
                <label>{!! __('Category') !!}</label>
                <select class="full-width" data-placeholder="Select Category" data-init-plugin="select2" name="category_id">
                  <!-- ============================================= links Content Start Post ============================================= -->
                  @if(isset($Post->Category->Title_en))
                   <option value="{{ $Post->Category->id }}">Your {{ $Post->Category->Title_en }}</option>
                  @else
                  @endif
                  <!-- ===================== links Content Start Setting =========================== -->
                  <!-- ========================== links Content Start Setting ====================== -->
                  @if($Categores !== NULL)
                  @foreach($Categores as $Category)
                  <option value="{{ $Category->id }}">{{ $Category->Title_en }}</option>
                  @endforeach
                  @else
                  <option value="0">{!! __('NO Category') !!}</option>
                  @endif
                  <option value="0">{!! __('NO Category') !!}</option>
                  <!-- ================ links Content Start Setting ================================ -->
                </select>
            </div> 
            <div class="form-group form-group-default">
                  <label>{!! __('Donate')  !!}</label>
                  <input type="text" name="donate" class="form-control"
                   placeholder="ex:Donate" value="{!! $Post->donate !!}"> 
            </div>
            <label>{!! __('Availiblity') !!}</label>
            <input type="checkbox" data-init-plugin="switchery"  name="featured" 
             value='on' />
             <span> Dont Change Image </span>
             <input type="checkbox" id="button"  onclick="myFunction()"> 
             <script>  
              function myFunction() {
                var myobj = document.getElementById("demo");
                myobj.remove();
              } 
              </script>
               <input type="hidden"  name="ImageUpload_id" value="{{ $Post->ImageUpload_id }}">
               <input  type="hidden"  name="ImageUpload_id" value="{{ $ImageUpload }}" id="demo">
            </form>
          </div>
        </div>
        <!-- END card -->
        <!-- START card -->
        <div class="card card-default">
          <div class="card-header">
            <div class="card-title">
              {!! __('Drag and drop News Image Upload') !!}
            </div>
          </div>
          <div class="card-body no-scroll no-padding">
            <form method="post" action="{{url('Dashboard/image/upload/store')}}" enctype="multipart/form-data" class="dropzone" id="dropzone">
                <span class="thumbnail-wrapper d48 circul2 inline">
                @if(isset($Post->ImageUpload->filename))
                 <img src="{{ asset($Post->ImageUpload->filename) }}" alt="Your News" data-src="{{ asset($Post->ImageUpload->filename) }}" width="42" height="42">
                 @else
                 <img alt="News" width="42" height="42">
                 @endif
                </span>
               @csrf
              </form>
        </div>
      </div>
<!-- ===================================== END card ===================================== -->
</div>
</div>
<!-- END card -->
</div>
<!-- END CONTAINER FLUID -->
</div>
<!-- END PAGE CONTENT -->
@endsection