@extends('layouts.new_dashboard')

@section('content')
<div class="main-panel">        
  <div class="content-wrapper">
    <div class="col-12 grid-margin stretch-card">
          <div class="card">
            <div class="card-body">
              <h4 class="card-title">Edit About</h4>
<!--               <p class="card-description">
                Create User
              </p> -->
              @if ($errors->any())
                  <div class="alert alert-danger">
                      <ul>
                          @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
                          @endforeach
                      </ul>
                  </div>
              @endif
              <form class="forms-sample" method="POST" action="{{route('abouts.update',['id'=>$event->id])}}" enctype="multipart/form-data">
                {{csrf_field()}}

                <div class="form-group">
                  <label for="exampleInputName1">Name</label>
                  <input type="text" class="form-control" id="exampleInputName1" value="{{$event->title}}" name="title" required="required">
                </div>

                <div class="form-group">
                  <label for="exampleInputEmail3">Content</label>
                  <textarea class="form-control" name="content" id="editor3" required="required" >
                    {!! $event->content !!}
                  </textarea>
                </div>

                <div class="row">
                  
                  <div class="col-md-6">
                    <div class="form-group row">
                      <label for="example-tel-input" class="col-2 col-form-label">Image</label>
                      <div class="col-10">
                        <input type="file" name="image" id="file" />
                        <label for="file" class="btn-2">Click to upload</label><br>
                        @if(isset($event->image))
                        <img src="{{asset($event->image)}}" width="80" class="img-thumbnail">
                        @else
                        No Image
                        @endif
                      </div>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label>Gallery</label>
                      <div class="kt-radio-inline">
                        <label class="kt-radio">
                          <input type="radio" name="gallery" value="1" @if($event->gallery==1) checked @endif> Yes
                          <span></span>
                        </label>
                        <label class="kt-radio">
                          <input type="radio" name="gallery" value="0" @if($event->gallery==0) checked @endif> No
                          <span></span>
                        </label>
                      </div>
                    </div>
                  </div>

                </div>

                <div class="row">
                  
                   <div class="form-group">
                    <label style="margin-right: 10px">Bnner</label>
                    <input type="file" name="banner" class="form-control" style="width: 292px;height: 43px;display: inline;"><br>
                    @if(isset($event->banner))
                    <img src="{{asset($event->banner)}}" width="80" class="img-thumbnail">
                    @else
                    No Image
                    @endif
                  </div>
                </div>
                
                <div class="kt-portlet__foot">
                  <div class="kt-form__actions">
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </div>

                <!-- <button class="btn btn-light">Cancel</button> -->
              </form>
            </div>
             @if($event->gallery==1)
            <div class="card-body">
              <a href="{{route('images.create',['id'=>$event->id])}}" style="float: right;" class="btn btn-info">Add Gallery</a>
              <h4 class="card-title">Gallery Table</h4>
              <table class="table table-hover">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Image</th>  
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach($event->images as $one_image)
                    <tr>
                      <td>{{$one_image->id}}</td>
                      <td>
                        <img src="{{asset($one_image->image)}}" class="img-thumbnail" width="50px">
                      </td>
                      
                      <td>
                        <a href="{{route('images.edit',['id'=>$one_image->id])}}" class="btn btn-success edit"
                             title="Edit"><i class="fas fa-edit"></i></a> 
                          <a href="javascript:void(0)"  class="trigger-btn btn btn-danger delete"
                            id="{{$one_image->id}}" data-toggle="modal" url="{{url('/')}}" page="images"><i class="fas fa-trash"></i></a>  
                      </td>
                    </tr>

                    <div id="myModal" class="modal fade">
                      <div class="modal-dialog modal-confirm">
                        <div class="modal-content">
                          <div class="modal-header">
                            <div class="icon-box">
                              <i class="fas fa-trash"></i>
                            </div>    
                              
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                          </div>
                          <h4 class="modal-title">Are you sure?</h4>
                          <!-- <div class="modal-body">
                            <p>Do you really want to delete these records? This process cannot be undone.</p>
                          </div>
         -->
                          <form  id="form"  action="" method="GET">
                                        {{csrf_field()}}
                                        {{method_field('DELETE')}}
                                        <div class="modal-body">
                                            <p id="msg"></p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
                                            <button type="submit" class="btn btn-danger">Delete</button>
                                        </div>
                                    </form>
                        </div>
                      </div>
                    </div>     
                  @endforeach
                </tbody>
              </table>
            </div>
            @endif
          </div>
        </div>
  </div>
</div>
@endsection

@section('scripts')
    
    <script>
        CKEDITOR.replace( 'editor1' );
    </script>
    <script>
        CKEDITOR.replace( 'editor2' );
    </script>
    <script>
        CKEDITOR.replace( 'editor3' );
    </script>
    <script>
        CKEDITOR.replace( 'editor4' );
    </script>

@endsection