@extends('admin.master')
@section('main_content')    


<div class="col-4 col-xl-4 page-title">
  <h4 class="f-w-700">Edit {{$type != null ? $type : 'Post'}} Content</h4>
  <nav>
    <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
      <li class="breadcrumb-item"><a href="index.html"> <i data-feather="home"> </i></a></li>
      <li class="breadcrumb-item f-w-400">Dashboard</li>
      <li class="breadcrumb-item f-w-400 active">{{$type != null ? $type : 'Post'}}</li>
    </ol>
  </nav>
</div>
@include('admin._left_menu') 

<div class="page-body">
  <!-- Container-fluid starts-->
  <div class="container-fluid">
    <div class="edit-profile">
      <div class="row">

        <div class="row mt-3">
          <div class="col-12">
            <div class="card dcard">
              <div class="card-body px-1 px-md-3">                                   
                <div role="main" class="main-content">         
                  <div class="page-content container container-plus">               
      
                    <form action="/update_post" method="post" enctype="multipart/form-data">
                      @csrf

                    <!-- Tab Content starts-->
                    <div class="container-fluid">
                      <div class="row project-cards">
                        <div class="col-md-12 project-list">
                          <div class="card">
                            <div class="row">
                              <div class="col-md-6">
                                <ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
                                  <li class="nav-item"><a class="nav-link active" id="first-tab-tab" data-bs-toggle="tab" href="#first-tab" role="tab" aria-controls="first-tab" aria-selected="true"><i data-feather="target"></i>English</a></li>

                                  <li class="nav-item"><a class="nav-link" id="profile-top-tab" data-bs-toggle="tab" href="#second-tab" role="tab" aria-controls="second-tab" aria-selected="false"><i data-feather="info"></i>Thai</a></li>

                                  <li class="nav-item"><a class="nav-link" id="contact-top-tab" data-bs-toggle="tab" href="#third-tab" role="tab" aria-controls="third-tab" aria-selected="false"><i data-feather="check-circle"></i>Japanese</a></li>
                                </ul>
                              </div>
                              <div class="col-md-6">                    
                                <div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="/posts"> <i data-feather="plus-square"> </i>
                                  All {{$type != null ? $type : 'Posts'}}
                                </a>
                              </div> 
                            </div>
                          </div> 
                        </div>
                        <div class="col-sm-12">
                          <div class="card">
                            <div class="card-body">
                              <div class="tab-content" id="top-tabContent">
                                <div class="tab-pane fade show active" id="first-tab" role="tabpanel" aria-labelledby="first-tab-tab">
                                
                                  <div class="form-group">
                                    <label for="">Title</label>
                                    <input type="text" name="title" class="form-control" id=""  value="{{$data->title}}">
                                  </div>                 
                                  <div class="form-group">
                                    <label for="">Sub Title</label>
                                    <input type="text" name="sub_title" class="form-control" id=""  value="{{$data->sub_title}}">
                                  </div>   
                                  
                                
                                  <div class="row">
                                    <div class="col-md-4 d-none">
                                          <div class="form-group">
                                          <label for="">Select Parent Section</label>
                                          <select class="form-control" name="parent">
                                            @php
                                                $parent = DB::table('posts')
                                                        ->where('id', $data->parent)
                                                        ->first();
                                                $posts = DB::table('posts')
                                                        ->where('parent', null)
                                                        ->orderBy('id', 'asc')
                                                        ->get();
                                            @endphp
                                            @if ($parent != null)
                                              <option value="{{$data->parent}}">{{$parent->title}}</option> 
                                            @else 
                                            <option value="">Select parent post</option> 
                                            @endif
                                            @foreach ($posts as $item)
                                              <option value="{{$item->id}}">{{$item->title}}</option> 
                                            @endforeach      
                                          </select>
                                        </div>
                                      </div>
                  
                                    <div class="col-md-4">
                                      <div class="form-group">
                                        <label for="">Select Page</label>
                                        <select class="form-control" name="page" required="">
                                            <option value="{{$data->page}}">{{$data->page}}</option>   
                                            <option value="Home">Home</option>
                                            <option value="Residence">Residence</option>
                                            <option value="Service">Service</option>
                                            <option value="Gallery">Gallery</option>
                                            <option value="Offers">Offers</option>
                                            <option value="Location">Location</option>
                                            <option value="Contact">Contact</option>

                                            {{-- <option value="About">About</option>
                                            <option value="Blog">Blog</option>
                                            <option value="Master">Master</option> --}}
                                            <option value="Terms of Service">Terms of Service</option>                      
                                            <option value="Privacy Policy">Privacy Policy</option>          
                                            <option value="">Not Defined</option>                            
                                        </select>
                                      </div>
                                    </div>
                                    
                                    <div class="col-md-4">
                                      <div class="form-group">
                                        <label for="">Select Position</label>
                                        <select class="form-control" name="position">
                                            <option value="{{$data->position}}">{{$data->position}}</option>                        
                                            <option value="Top">Top</option>
                                            <option value="Middle">Middle</option>
                                            <option value="Bottom">Bottom</option>                        
                                            <option value="">Not Defined</option>                       
                                        </select>
                                      </div>
                                    </div>
                                    <div class="col-md-4">
                                      <div class="form-group">
                                          <label for="">Select Type</label>
                                          <select class="form-control" name="type" required="">
                                            <option value="{{$data->type}}">{{$data->type}}</option>          
                                              @if ($type != 'Banner')
                                                <option value="">Select type</option>  
                                                <option value="Gallery">Gallery</option>
                                                <option value="Post">Post</option>  
                                                <option value="Service">Service</option>         
                                              @else 
                                                <option value="Banner">Banner</option>
                                              @endif
                                              
                                          </select>
                                        </div>
                                    </div>
                                  </div>
                                
                                    
                                  <div class="form-group">
                                    <label for="">Description</label>
                                    <textarea id="summernote" name="description" rows="10">{{$data->description}}</textarea>  
                                  </div>
                  
                                  <div class="form-group">
                                    <label for="">Short Description</label>
                                    <textarea name="short_description"  class="form-control"  rows="3">{{$data->short_description}}</textarea>  
                                  </div>
                                  <div class="d-none form-group">
                                    <label for="">Meta Description</label>                    
                                    <textarea name="meta_description"  class="form-control"  rows="3">{{$data->meta_description}}</textarea> 
                                  </div>
                  
                                  <div class="row">
                                    <div class="form-group col-6 float-left">
                                        <label for="">Link Title</label>
                                        <input type="text" name="link_title" class="form-control" id=""  value="{{$data->link_title}}">
                                    </div>
                  
                                    <div class="form-group col-6 float-left">
                                        <label for="">Link Action</label>
                                        <input type="text" name="link_action" class="form-control" id=""   value="{{$data->link_action}}">
                                    </div>
                                  </div>
                                
                                  <div class="row">
                                      <div class="form-group col-6">
                                        <label for="">Image (Desktop): </label>
                                        <br>
                                        <input type="hidden" name="hidden_image" value="{{$data->image}}">
                                        <input type="hidden" name="id" value="{{$data->id}}">
                                        <img src="{{ URL::asset('storage/app/public/'.$data->image.'') }}" id="previousImage" height="100px" alt="">
                                        <br>
                                        <br>
                                        <img id="uploadPreview" style="width: 200px; height: 150px; display:none" />
                                        <input id="uploadImage"  type="file" name="image" onchange="PreviewImage();" />
                                  </div>
                                  
                                  <div class="form-group col-6">
                                    <label for="">Image (Mobile): </label>
                                    <br>
                                    <input type="hidden" name="hidden_image_m" value="{{$data->image_m}}">
                                    <img src="{{ URL::asset('storage/app/public/'.$data->image_m.'') }}" id="previousImage" height="100px" alt="">
                                    <br>
                                    <br>
                                    <img id="uploadPreview" style="width: 200px; height: 150px; display:none" />
                                    <input id="uploadImage"  type="file" name="image_m" onchange="PreviewImage();" />
                                  </div>
                                </div>
              
                                     
                                  @if ($data->images != null)
                                  <div class="row">
                                    <div class="form-group d-none1">  
                                        <label for="">Multiple images:<span>*</span></label>
                                        <input type="hidden" name="hidden_image" value="{{$data->images}}">
                                        <div class="uloaded_images" style="border: 1px solid #ddd;"></div>
                  
                                        <div class="input-images-1" style="padding-top: .5rem;"></div>                     
                                        <input type="hidden" id="images" name="excludeImages" value="" multiple/>
                                        <div id="drag-drop-area"></div>     
                                    </div>  
                                  </div>
                                @endif