@extends('layouts.app')
@section('page-style')
<!-- Table datatable css -->
<link href="{{ asset('assets/libs/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
        
<link href="{{ asset('assets/libs/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/libs/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/libs/datatables/select.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/libs/dropify/dropify.min.css') }}" rel="stylesheet" type="text/css" />
@stop
@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Uplon</a></li>
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
                    <li class="breadcrumb-item active">General Elements</li>
                </ol>
            </div>
            <h4 class="page-title">General Elements</h4>
        </div>
    </div>
</div>     
<!-- end page title --> 

<div class="row">
    <div class="col-12">
        <div class="card-box">
            <h4 class="header-title mb-4">Textual inputs</h4>

                @if(isset($sliderlist->id))
                <form action="{{ url('admin/slider/update/'.$sliderlist->id) }}" method="post" enctype="multipart/form-data">
                @else
                <form action="{{ url('admin/slider/save') }}" method="post" enctype="multipart/form-data">
                @endif


            {{csrf_field()}}
                <div class="form-group row">
                    <label for="example-text-input" class="col-lg-2 col-form-label">Product title</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" name="nama" placeholder="Product title" value="{{ isset($sliderlist->nama) ? $sliderlist->nama : '' }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-search-input" class="col-lg-2 col-form-label">Full description</label>
                    <div class="col-lg-10">
                        <textarea class="form-control" placeholder="Full description" rows="4" cols="4" name="detail">{{ isset($sliderlist->detail) ? $sliderlist->detail : '' }}</textarea>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-email-input" class="col-lg-2 col-form-label">Images</label>
                    <div class="col-lg-10">
                        <input type="file" class="dropify" name="image" id="image" data-default-file="{{isset($sliderlist->image_url) ? $sliderlist->image_url : '' }}" />
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-url-input" class="col-lg-2 col-form-label">Logistik</label>
                    <div class="col-lg-10">
                        <select class="custom-select mb-3 mr-3" name="id_logistik" id="inlineFormCustomSelect">
                            @foreach ($setting as $item)
                                <option value="{{ $item->id }}" @if(isset($sliderlist) && $item->id = $sliderlist->settings_id) selected @endif>{{ $item->name }}</option>   
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-tel-input" class="col-lg-2 col-form-label">Date:</label>
                    <div class="col-lg-10">
                        <input type="date" class="form-control" name="periode_from" value="{{ isset($sliderlist->periode_from) ? $sliderlist->periode_from : '' }}">
                    </div>
                </div>
                <div class="form-group row">
                    <label for="example-password-input" class="col-lg-2 col-form-label">Date:</label>
                    <div class="col-lg-10">
                        <input type="date" class="form-control" name="periode_to" value="{{ isset($sliderlist->periode_to) ? $sliderlist->periode_to : '' }}"> 
                    </div>
                </div>
                <div class="custom-control custom-checkbox">
                    <input type="checkbox" value="yes" name="publish" class="custom-control-input" id="customCheck1">
                    <label class="custom-control-label" for="customCheck1">Publish on website</label>
                </div>
                <button type="submit" class="btn btn-primary mb-3 mt-3">Submit</button>
            </form>
        </div>
        <div class="card">
            <div class="card-body">
              <div class="d-flex align-items-center">
                 <h5 class="mb-0">Slider Table</h5>
              </div>
              <div class="table-responsive mt-3">
                <table id="datatable"  class="table align-middle mb-0">
                  <thead class="table-light">
                   <tr>
                     <th>Penyedia</th>
                     <th>Nama</th>
                     <th>Photo</th>
                     <th>Detail</th>
                     <th>Status</th>
                     <th>From</th>
                     <th>To</th>
                     <th>Action</th>
                   </tr>
                   </thead>
                   <tbody>
                    @foreach ($setting as $item)
                        
                    <tr>
                      @foreach($item->slider as $student)
                      <td>{{ $item->name }}</td>
                      <td>{{ $student->nama }}</td>
                      <td><img src="{{ $student->image_url }}" class="product-img-2" style="width: 40%" alt="product img"></td>
                      <td>{{ $student->detail }}</td>
                      @if ($student->publish == 'yes')
                          
                      <td><span class="badge bg-light-success text-success w-100">{{ $student->publish }}</span></td>
                      @else
                      <td><span class="badge bg-light-warning text-warning w-100">No</span></td>
                          
                      @endif
                      
                      <td>{{ $student->periode_from }}</td>
                      <td>{{ $student->periode_to }}</td>
                      <td>
                        <div class="button-list">
                            <a href="{{ route('slider.edit',$student->id) }}" type="button" class="btn waves-effect waves-light btn-danger"> <i class="mdi mdi-file-document-edit-outline"></i> </a>
                            <a href="{{ route('slider.destroy',$student->id) }}" type="button" class="btn waves-effect waves-light btn-purple"> <i class="mdi mdi-delete-sweep-outline"></i> </a>
                        </div>
                      </td>
                   </tr>
                    @endforeach
                    @endforeach
          
                   
                    </tbody>
                  </table>
              </div>
            </div>
          </div>
    </div>
</div>
@endsection

@section('page-script')
<!-- Datatable plugin js -->
        <script src="{{ asset('assets/libs/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('assets/libs/datatables/dataTables.bootstrap4.min.js') }}"></script>

        <script src="{{ asset('assets/libs/datatables/dataTables.responsive.min.js') }}"></script>
        <script src="{{ asset('assets/libs/datatables/responsive.bootstrap4.min.js') }}"></script>

        <script src="{{ asset('assets/libs/datatables/dataTables.buttons.min.js') }}"></script>
        <script src="{{ asset('assets/libs/datatables/buttons.bootstrap4.min.js') }}"></script>

        <script src="{{ asset('assets/libs/jszip/jszip.min.js') }}"></script>
        <script src="{{ asset('assets/libs/pdfmake/pdfmake.min.js') }}"></script>
        <script src="{{ asset('assets/libs/pdfmake/vfs_fonts.js') }}"></script>

        <script src="{{ asset('assets/libs/datatables/buttons.html5.min.js') }}"></script>
        <script src="{{ asset('assets/libs/datatables/buttons.print.min.js') }}"></script>

        <script src="{{ asset('assets/libs/datatables/dataTables.keyTable.min.js') }}"></script>
        <script src="{{ asset('assets/libs/datatables/dataTables.select.min.js') }}"></script>

        <!-- Datatables init -->
        <script src="{{ asset('assets/js/pages/datatables.init.js') }}"></script><!-- Vendor js -->
        <script src="{{ asset('assets/js/vendor.min.js') }}"></script>

        <!-- Plugins js -->
        <script src="{{ asset('assets/libs/dropify/dropify.min.js') }}"></script>

        <!-- Init js-->
        <script src="{{ asset('assets/js/pages/form-fileuploads.init.js') }}"></script>
        @stop