@extends('layout.bakend_layout.master')
@section('content')

<script src="https://cdn.ckeditor.com/ckeditor5/40.2.0/classic/ckeditor.js"></script>

 <main id="main" class="main">

    <div class="pagetitle">
      <h1> Global Irradiance        |    <a href="/Global-Irradiance">
           View as Public
           </a> </h1>
      
      
          
      
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item">Tables</li>
          <li class="breadcrumb-item active">Data</li>
        </ol>
      </nav>
      
      
       <!--  <a href="{{url('/')}}/add_notice">
   <button type="button" class="btn btn-primary">Add New +</button>
</a>-->
      
    </div>

 <section class="section">
      <div class="row">
        <div class="col-lg-12">

          <div class="card">



 @if(session('status'))
            <h3 class="alart alart-success">{{session('status')}}</h3>
            @endif



            <div class="card-body">
              <h5 class="card-title">Global Irradiance</h5>
            
              <!-- Table with stripped rows -->
              <table class="table datatable">
                <thead>
                  <tr>
                    <th scope="col">ID</th>
                    <th scope="col"> Title </th>
                    <th scope="col">Description </th>
       
                    <th scope="col">Monthly Image</th>
                    <th scope="col">Excel File</th>
                   <th scope="col">Update</th>
                    
                  </tr>
                </thead>
                <tbody>

 @php
    $iidey1=1;
    @endphp

    @foreach($my_notice as $ntichh)


                  <tr>
                    <th scope="row">{{$iidey1++}}</th>
                    <td>{{$ntichh->notice2}}</td>
                    <td>{!! $ntichh->publiser !!}</td>
                  
                   
                    <td><img src="{{('uploads/notices/'.$ntichh->image)}}" width="100px" height="70px" alt="image"> </td>
                    <td><a href="{{('uploads/notices/'.$ntichh->image_file)}}">View</a> </td>
              
                <td>    




 <button type="button" class="btn btn-primary mt-3" data-bs-toggle="modal" data-bs-target="#basicModal{{$ntichh->id}} ">
                Update
              </button>
              <div class="modal fade" id="basicModal{{$ntichh->id}}" tabindex="-1">
                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h5 class="modal-title">Details</h5>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                     
               <div class="card mb-3">

                <div class="card-body">

                  <div class="pt-4 pb-2">
                    <h5 class="card-title text-center pb-0 fs-4">Edit </h5>
                   </div>






 <form action="{{url('/update_notice_data/'.$ntichh->id)}}" class="row g-3 needs-validation" method="POST" novalidate enctype="multipart/form-data">
@csrf
                    <div class="col-12">
                      <label for="yourName" class="form-label">Page Title</label>
                      <input type="text" name="notice1" class="form-control" id="yourName" required  value="{{$ntichh->notice2}}">
                      <div class="invalid-feedback">Please, enter your Page Title!</div>
                    </div>

                    <div class="col-12">
                      <label for="yourEmail" class="form-label"> Description</label>
                      
                      
                      <textarea name="publiser2" class="form-control" rows="6"  id="editor1" required>{{$ntichh->publiser}}</textarea>
                      
                      
                      
                      
                      
                      <!--
                      <input type="text" name="" class="form-control" id="yourEmail" required value="{{$ntichh->publiser}}">
                      <div class="invalid-feedback">Please enter Description!</div>-->
                    </div>









                    
<div style="border: 1px solid black">
<div class="col-12">
  <label class="iamge" class="form-label">Monthly Image</label>
  
    <input name="image" placeholder="image" class="form-control" id="image"   type="file">
     <div class="invalid-feedback">please choose your Image</div>
</div>
</div> 





<div style="border: 1px solid black">

<div class="col-12">
  <label class="iamge" class="form-label">Excel File</label>
  
    <input name="image_file" placeholder="image" class="form-control" id="image2"   type="file">
     <div class="invalid-feedback">please choose your File</div>
</div>
</div>




                    <div class="col-12">
                      <button class="btn btn-primary w-100" type="submit">Submit</button>
                    </div>
                    
                  </form>

                </div>
              </div>

</div>

 <script>
                        ClassicEditor
                                .create( document.querySelector( '#editor1' ) )
                                .then( editor => {
                                        console.log( editor );
                                } )
                                .catch( error => {
                                        console.error( error );
                                } );
                </script>    

                    </div>
                    
                  </div>
                </div>
              </div>



 







                  </td> 

<!--  <td><a href="delete_notice_data/{{$ntichh->id}}" class="btn btn-danger mt-3"> Delete</a></td> 
-->                  <td>    



                  </tr>
               @endforeach 
                </tbody>
              </table>
              <!-- End Table with stripped rows -->

            </div>
          </div>

      </div>
      </div>
    </section>
</main>


    
  @endsection