@extends('admin.master')
@section('main_content')    
<style>
  .star-rating label {
      font-size: 2rem;
      color: gray; /* ডিফল্ট রঙ */
      cursor: pointer;
  }
  .star-rating input[type="radio"]:checked ~ label {
      color: gold; /* সিলেক্টেড তারকার রঙ */
  }
  .star-rating input[type="radio"] {
      display: none; /* রেডিও বাটন লুকানোর জন্য */
  }
</style>

<div class="col-4 col-xl-4 page-title">
  <h4 class="f-w-700">Edit Page 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">Post</li>
    </ol>
  </nav>
</div>
@include('admin._nav_top')

<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_testimonial" method="post" enctype="multipart/form-data">
                      @csrf
                        <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">
                                

                                </ul>
                              </div>
                              <div class="col-md-6">                    
                                <div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="/testimonials"> <i data-feather="plus-square"> </i>All Testimonial</a>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="row mt-2">
                          <div class="col-md-6">
                            <div class="form-group">
                              <label for="">Name</label>
                              <input type="text" name="name" class="form-control" id=""  value="{{$data->name}}">
                            </div> 
                          </div> 
                          <div class="col-md-6">
                            <div class="form-group">
                              <label for="">Designation</label>
                              <input type="text" name="designation" class="form-control" id=""  value="{{$data->designation}}">
                            </div>
                          </div> 
                        </div>   

                        <div class="row mt-2">
                          <div class="col-md-6">
                            <div class="form-group">
                              <label for="">Review Title</label>
                              <input type="text" name="review_title" class="form-control" id=""  value="{{$data->review_title}}">
                            </div>
                          </div> 
                        
                          <div class="col-md-6">
                            <div class="form-group">
                              <label for="">Review Details</label>
                              <textarea name="review_details" class="form-control" rows="1">{{$data->review_details}}</textarea>  
                          </div>
                          </div> 
                        </div>  

                        <div class="row mt-2">
                          <div class="col-md-6">
                              <label for="">Institute</label>
                              <input type="text" name="institute" class="form-control" id="" value="{{ $data->institute }}">
                          </div>
                          <div class="col-md-6">
                              <label for="">Ratings</label>
                              <div class="star-rating">
                                  <input type="radio" name="rating" value="5" id="rating-5" {{ $data->rating == 5 ? 'checked' : '' }}>
                                  <label for="rating-5">★</label>
                      
                                  <input type="radio" name="rating" value="4" id="rating-4" {{ $data->rating == 4 ? 'checked' : '' }}>
                                  <label for="rating-4">★</label>
                      
                                  <input type="radio" name="rating" value="3" id="rating-3" {{ $data->rating == 3 ? 'checked' : '' }}>
                                  <label for="rating-3">★</label>
                      
                                  <input type="radio" name="rating" value="2" id="rating-2" {{ $data->rating == 2 ? 'checked' : '' }}>
                                  <label for="rating-2">★</label>
                      
                                  <input type="radio" name="rating" value="1" id="rating-1" {{ $data->rating == 1 ? 'checked' : '' }}>
                                  <label for="rating-1">★</label>
                              </div>
                          </div>
                      </div>
                      
                    
                        <div class="row d-none">
                          <div class="form-group col-6 float-left">
                              <label for="">Link Title</label>
                              <input type="text" name="link_title" class="form-control" id=""  placeholder="Enter 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=""  placeholder="Enter link action url here">
                          </div>
                          </div> 
                    
                          <div class="row">
                            <div class="form-group col-6 mt-2">
                              <label for="">Image(Desktop): </label>
                              <img id="uploadPreview" style="width: 200px; height: 150px; display:none" />
                              <input id="uploadImage"  type="file" name="image" onchange="PreviewImage();" />
                              {{-- <p>NB: Best image resolutions -> [banner/slider: 2000px*1300px] </p> --}}
                            </div>
                            <div class="form-group col-6 mt-2">
                              <label for="">Image(Mobile): </label>
                              <img id="uploadPreviewM" style="width: 200px; height: 150px; display:none" />
                              <input id="uploadImageM"  type="file" name="image_m" onchange="PreviewImage();" />
                              {{-- <p>NB: Best image resolutions -> [banner/slider: 2000px*1300px] </p> --}}
                            </div>
                          </div>

        
                          <div class="form-group">                    
                            <label class="form-check-label" for="exampleCheck1">
                            Active
                            <input type="checkbox" name="active" @if($data->active == 'on') checked
                            @endif class="form-check-input" id="exampleCheck1"> 
                          </label>
                          </div>
                         
                          <br>
                          <input type="hidden" name="id" value="{{$data->id}}">
                          <button type="submit" class="btn btn-primary">Update</button>
                          <a href="{{URL::to('testimonials')}}" class="btn btn-default">Cancel</a>
                        </form>
                    
                 </div>
                </div>
              </div>
            </div>           
          </div>
        </div>

      </div>
    </div>
    </div>
  </div>
 
@endsection