@extends('layouts.master')
@section('title','Okul Panel İşlemleri')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        @include('panelpages.menu')
        <div class="col-sm-4">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Anasayfa</a></li>
            <li class="breadcrumb-item active"><a href="{{route('resimler')}}">Resim İşlemleri</a></li>

          </ol>
        </div><!-- /.col -->
      </div><!-- /.row -->
    </div><!-- /.container-fluid -->
  </div>
  <!-- /.content-header -->

  <!-- Main content -->
  <section class="content">
    <div class="col-md-12">
      <div class="card shadow mb-4">
          <div class="card-header py-3 text-center">
              <h4 class="m-0 font-weight-bold text-primary">Resim Ekle</h4>
          </div>
          <div class="card-body">
            @include('panelpages.hatakontrol')
            <form action="{{ route('panelImageUpload') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="form-row">
                   <div class="form-group col-12">
                        <label for="title">Resim Türü</label>
                        <select class="form-control" name="tur" data-placeholder="Tür Seçiniz" style="width: 100%;">
                          
                                                   
                           <option selected  value="image">Resim</option>
                           <option  value="banner">Banner Resim</option>
                        
                      </select>
                    </div>
                    <div class="form-group col-12">
                        <label for="title">Başlık</label>
                        <input title="" type="text" class="form-control" id="baslik" name="baslik" placeholder="Başlık ve Metin kısmını boş bırakabilirsiniz"
                        >
                    </div>
                    <div class="form-group col-12">
                        <label for="title">Metin</label>
                         <textarea class="form-control" name="metin" id="metin"  rows="2"></textarea>
                      </div>
                   
                <div class="form-group col-12">
                  <label for="title">Resim Dosyası</label>
                <input class="form-control" type="file" name="file"  required>
                </div>
                <button type="submit" class="btn btn-block btn-primary">Yükle</button>
            </div>
            </form>
            




          </div>
      </div>

  </div>
    <div class="card">
      <div class="card-header">
       <div class="row">
        <div class="col-md-10 col-sm-8 mt-1">
          <h3 class="card-title text-info fw-bold fs-4">Aktif Resim Listesi</h3>
         </div>

         <div class="col-md-2 col-sm-4 mt-1 text-right">

            <a type="button" href="#" class="text-decoration-none btn-sm btn-danger deleteAll-click">Tüm Resimleri Sil</a>
          </div>


       </div>

      </div>

      <!-- /.card-header -->



       <div class="card-body">
        <table id="example1" class="table table-bordered table-striped">
          <thead>
          <tr>

            <th>#</th>
            <th style="width:120px !important">İşlemler</th> 
            <th>Resim</th> 
            <th>Tür</th>         
            <th>Başlık</th>
            <th>Metin</th>
            <th>Onay Tarihi</th>             
            <th>Yükleyem</th>
            <th>Durum</th>

          </tr>
          </thead>
          <tbody>
            @php($sira=0)
            @foreach ($resimler as $resim)
            @php($sira++)
            <tr>
                <td>{{ $sira }}</td>
                 <td>
                    <a title="Onayla" class="mb-1 btn btn-sm btn-outline-info onay-click"
            id="{{ $resim->id }}" durum="{{$resim->durum}}"><i class="fas fa-spell-check"></i></a>
                    <a title="Sil" class="mb-1 btn btn-sm btn-outline-danger delete-click"
                    id="{{ $resim->id }}"><i class="fas fa-trash-alt"></i></a>
                 </td>
               
                 <td><img src="{{$resim->url}}" width="50px" alt="" srcset=""></td>
                 <td>@if($resim->tur=="image") Resim @else Banner @endif</td>
                 <td>{{$resim->baslik}}</td>
                 <td>{{$resim->metin}}</td>
                 <td>{{Carbon\Carbon::parse($resim->created_ad)->format('d.m.Y')}}</td>
                 <td>{{$resim->getKim->name}}</td>
                 <td>@if($resim->durum==0) Onay Bekliyor @else Onaylandı @endif</td>
            </tr>
                
            @endforeach
          </tbody>
        </table>

      </div>

      <!-- /.card-body -->
    </div>
  </section>
  <!-- /.content -->
  <div class="modal" id="deleteModal">
    <div class="modal-dialog modal-md ">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Resim Sil</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>


            <div class="modal-body" id="body">

                <p>Seçmiş olduğunuz resim silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">
                <form method="POST" action="{{ route('resimDelete') }}">
                    @csrf
                    <input type="hidden" name="id" id="delete_id" />
                    <button id="deleteBtn" type="submit" class="btn btn-primary">Sil</button>
                </form>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
            </div>


        </div>


    </div>
  </div>
  <div class="modal" id="deleteAllModal">
    <div class="modal-dialog modal-md ">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h5 class="modal-title">Tüm Resimleri Sil</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="body">

                <p>Tüm resimler silinecektir, Onaylıyormusunuz?</p>

            </div>


            <div class="modal-footer">

              <a type="button" href="{{route('videoAllDelete')}}" class=" btn btn-primary">Sil</a>

                <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
            </div>


        </div>


    </div>
  </div>
  <div class="modal" id="onayModal">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header  bg-info">
                <h5 class="modal-title">Resim Onayla</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="body">

              <form method="POST" action="{{ route('resimOnay') }}">
                @csrf
                <input type="hidden" name="onay_id" id="onay_id" />
            
                <div class="form-row">
                  <div class="form-group col-12">
                    <label for="title">Resim Türü</label>
                    <select class="form-control" name="mtur" id="mtur" data-placeholder="Tür Seçiniz" style="width: 100%;">
                      
                                               
                       <option selected  value="image">Resim</option>
                       <option  value="banner">Banner Resim</option>
                    
                  </select>
                </div>
                    <div class="form-group col-12">
                        <label for="title">Başlık</label>
                        <input title="" type="text" class="form-control" id="mbaslik" name="mbaslik" placeholder="Başlık ve Metin kısmını boş bırakabilirsiniz"
                        value="">
                    </div>
                    <div class="form-group col-12">
                        <label for="title">Metin</label>
                         <textarea class="form-control" name="mmetin" id="mmetin"  rows="2">
                           
                         </textarea>
                      </div>
                      <div class="form-group col-12 text-center">
                        <img id="resimurl" class="img-fluid" width="300px;" alt="Responsive image" src="" alt="" srcset="">
                        
                      </div>
                <div class="form-group col-12">
                  <label for="title">Resim Dosyası</label>
                <input class="form-control" type="file" name="mfile">
                </div>
                  <div class="col-12 mb-2">
                    <select class="form-control durum" name="durum" id="durum" required>
                      <option value="">Seçim Yapınız</option>
                      <option value="0">Yayından Kaldır</option>
                      <option value="1">Yayınla</option>
                     </select>

                  </div>
                  <div class="col-12">
                    <button id="onayBtn" type="submit" class="btn btn-primary">Onayla</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Kapat</button>
                  </div>

                </div>
            </form>

            </div>


            <div class="modal-footer">


            </div>


        </div>


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

@endsection
@section('css')
    <!-- DataTables -->
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="{{asset('back')}}/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
    <!-- daterange picker -->
  
@endsection

@section('js')

<script>

    $(function() {
        $('.delete-click').click(function() {
            id = $(this)[0].getAttribute('id');
            $('#delete_id').val(id);
            $('#deleteModal').modal('show');
        });
        $('.deleteAll-click').click(function() {
            $('#deleteAllModal').modal('show');
        });
        // $('.onay-click').click(function() {

        //     id = $(this)[0].getAttribute('id');
        //     durum = $(this)[0].getAttribute('durum');
        //     $('#durum').val(durum).change();
        //     $('#onay_id').val(id);
        //     $('#onayModal').modal('show');
        // });
        $('.onay-click').click(function(){
            id = $(this)[0].getAttribute('id');
            durum = $(this)[0].getAttribute('durum');
          $.ajax({
             type: 'GET',
                   url: '{{route('resimEdit')}}',
                   data: {
                       id: id
                   },
                   success:function(data)
                   {
                //   console.log(data);
                            $('#id').val(data.id);
                            $('#mbaslik').val(data.baslik);
                            $('#mmetin').val(data.mmetin);
                            $('#mtur').val(data.tur).change();
                            $("#resimurl").attr("src", data.url);
                            $(".formbtn").text("Güncelle");
                            $('#durum').val(durum).change();
                             $('#onay_id').val(id);
                  }

           });
          
            $('#onayModal').modal('show');


       });

    });
    </script>

<!-- DataTables  & Plugins -->
<script src="{{asset('back')}}/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="{{asset('back')}}/plugins/jszip/jszip.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/pdfmake.min.js"></script>
<script src="{{asset('back')}}/plugins/pdfmake/vfs_fonts.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="{{asset('back')}}/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>





@include('layouts.table')


@endsection