@extends('layouts.adminlayouts.app')
@section('title')
<title>Admin Users | Company Name</title>
@endsection
@push('css')
@endpush
@section('contents')
@include('alerts.alerts')
<div class="row">
    <div class="col-lg-4">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Add Slider</h5>
            </div>
            <div class="ibox-content">
            <form role="form" action="{{route('admin.sliderPost')}}" method="post" enctype="multipart/form-data">
              @csrf
              <div class="form-group">
                <label>Slider Title</label>
                 @if ($errors->has('title'))
                    <p style="color: red;margin: 0;">{{ $errors->first('title') }}</p>
                @endif
                <input name="title" type="text" value="{{old('title')}}" class="form-control" required=""/>
              </div>
              <div class="form-group">
                <label>Button Link</label>
                 @if ($errors->has('link'))
                    <p style="color: red;margin: 0;">{{ $errors->first('link') }}</p>
                @endif
                <input name="link" type="text" value="{{old('link')}}" class="form-control" />
              </div>

              <div class="form-group">
                <label>Slider Image (1500X600)</label>
                 @if ($errors->has('slider'))
                      <p style="color: red;margin: 0;">{{ $errors->first('slider') }}</p>
                  @endif
                <input name="slider" type="file" class="form-control" required="" />
              </div>
              <div class="form-group">
                  <label>Status </label>
                 <div class="i-checks"><label> <input name="active" type="checkbox"> <i></i> Active </label></div>
              </div>
              <div style="padding: 0px 0px 30px 0px;">
                  <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Submit</strong></button>
              </div>
          </form>
            </div>
        </div>
    </div>
    <div class="col-lg-8">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Slider All</h5>
            </div>
            <div class="ibox-content">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th width="10%">S:L</th>
                                <th>Name</th>
                                <th width="30%">Image</th>
                                <th width="25%">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($sliders as $i=>$slider)
                            <tr>
                                <td>{{$i+1}}</td>
                                <td>
                                    <span>{{$slider->title}}</span><br>
                                    @if($slider->active==true)
                                    <span class="badge badge-success">Active</span>
                                    @else
                                    <span class="badge badge-danger">Inactive</span>
                                    @endif
                                </td>
                                <td>
                                    @if($slider->image_name==null)
                                    No Image
                                    @else
                                    <img src="{{asset('storage/sliders/'.$slider->image_name)}}" width="100px;">
                                    @endif
                                </td>
                                <td class="center">
                                    <a href="{{route('admin.sliderEdit',$slider->id)}}" class="btn btn-sm btn-info">Edit</a>

                                    <a href="#deleteModal{{$slider->id}}" class="btn btn-sm btn-danger" data-toggle="modal">Delete</a>
                                    
                                    <!-- Modal -->
                                      <div class="modal fade" id="deleteModal{{$slider->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                          <div class="modal-content">
                                            <div class="modal-header">
                                              <h5 class="modal-title" id="exampleModalLabel">Confermation</h5>
                                            </div>
                                            <div class="modal-body">
                                              Are Your Want To Delete
                                            </div>
                                            <div class="modal-footer">
                                              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                              <form action="{{route('admin.sliderDelete',$slider->id)}}" method="post">
                                                @csrf
                                                <button type="submit" class="btn btn-info">Yes Delete</button>
                                              </form>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                        
                    </table>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="ibox ">
            <div class="ibox-title">
                <h5>Banner Setting</h5>
            </div>
            <div class="ibox-content">
                <form>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <img src="https://nit.hostrb.com/tanbinas/public/img/1580965883.5e3b9ffb730db.png" width="100%">
                            </div>
                            <div class="form-group">
                                <label>Banner Image (1500X300)</label>
                                 @if ($errors->has('banner'))
                                      <p style="color: red;margin: 0;">{{ $errors->first('banner') }}</p>
                                  @endif
                                <input name="banner" type="file" class="form-control" required="" />
                            </div>
                            <div class="form-group">
                              <label>Status </label>
                             <div class="i-checks"><label> <input name="active" type="checkbox"> <i></i> Active </label></div>
                          </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <img src="https://nit.hostrb.com/tanbinas/public/img/1580965883.5e3b9ffb730db.png" width="100%">
                            </div>
                            <div class="form-group">
                                <label>Banner Image (1500X300)</label>
                                 @if ($errors->has('banner'))
                                      <p style="color: red;margin: 0;">{{ $errors->first('banner') }}</p>
                                  @endif
                                <input name="banner" type="file" class="form-control" required="" />
                            </div>
                            <div class="form-group">
                              <label>Status </label>
                             <div class="i-checks"><label> <input name="active" type="checkbox"> <i></i> Active </label></div>
                          </div>
                        </div>
                    </div>
                    <div style="padding: 0px 0px 30px 0px;">
                      <button class="btn btn-primary pull-right m-t-n-xs" type="submit"><strong>Update</strong></button>
                  </div>
                </form>
            </div>
        </div>
    </div>
<div>
@endsection
@push('js')
<script type="text/javascript">
  $(document).ready(function(){
    $('#checkall').click(function() {
        var checked = $(this).prop('checked');
        $('input:checkbox').prop('checked', checked);
      });
  });
</script>
@endpush