@extends('layouts.admin.master')
@section('title') Edit Banner @stop
@section('content')
@include('layouts.admin.flash.alert')


<style type="text/css">
    input[type=file]{
      display: inline;
    }

    #baanner_preview{
      border: 1px solid black;
      padding: 10px;
    }

    #baanner_preview img{
      width: 200px;
      padding: 5px;
    }
</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
       <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Manage Banners
                <small>Here you can Edit Banners</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{url('admin/dashboard')}}"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="{{route('data.bannerscategory')}}">{{ __("Banners") }}</a></li>
                <li><a href="javascript:void(0)" class="active">Edit Banners</a></li>
            </ol>
        </section>
        <section class="content" data-table="testimonials">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-info testimonials">

                        <div class="box-header with-border">
                            <h3 class="box-title">Edit Banners</h3>
                            <a href="{{route('data.bannerscategory')}}" class="btn btn-default pull-right" title="Cancel"><i
                                        class="fa fa-fw fa-chevron-circle-left"></i> Back</a></div>
                        <!-- /.box-header -->
                        {{ Form::open(['route' => ['data.bannerscategory.update', $banner->id], 'method' => 'post', 'enctype' => 'multipart/form-data']) }}
                        <form action="{{url('admin/banners/edit/'.$banner->id)}}" method = 'post', enctype = 'multipart/form-data'>
                             
                            <div class="box-body">
                                <div class="row">
                                        
                                    <div class="col-md-8 col-md-offset-2">

                                        <div class="form-group required {{ $errors->has('title') ? 'has-error' : '' }}">
                                             <div class="input text">
                                            <label for="title">Title</label>
                                            <input type="text" name="title" class="form-control" placeholder="Enter title" value="@if(isset($banner->title)){{$banner->title}}@endif" required="required" maxlength="150" id="title">
                                            @if($errors->has('title'))
                                            <span class="help-block">{{ $errors->first('title') }}</span>
                                            @endif
                                        </div>
                                        </div>


                                        <div class="form-group required {{ $errors->has('status') ? 'has-error' : '' }}" style="">
                                             <!-- <div class="input text">
                                            <label for="designation">Status</label>
                                            {{ Form::text('status', old('status'), ['class' => 'form-control','placeholder' => 'Enter status name']) }}
                                           
                                        </div> -->
                                        <div class="input select">
                                                <label for="status">Status</label>
                                                
                                                    <select id="status" name="status" class="form-control">
                                                    <option value="">Select status </option>
                                                    @if(isset($banner))
                                                    <option value="1" >Active</option>
                                                    <option value="0" selected>InActive</option>
                                                    @else
                                                    <option value="1">Active</option>
                                                    <option value="0">InActive</option>
                                                    @endif
                                                    
                                                    </select>
                                            @if($errors->has('status'))
                                            <span class="help-block">{{ $errors->first('status') }}</span>
                                            @endif
                                           </div>
                                        </div>


                                        <div class="form-group required {{ $errors->has('sort_order') ? 'has-error' : '' }}" style="">
                                            <div class="input textarea">
                                                <label for="sort_order">Sort Order</label>
                                                <input min="0" type="number" name="sort_order" class="form-control" placeholder="Enter title" value="@if(isset($banner->sort_order)){{$banner->sort_order}}@endif" required="required" maxlength="150" id="title">
                                                @if($errors->has('sort_order'))
                                                <span class="help-block">{{ $errors->first('sort_order') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        
                                       
                                          <!-- <div class="form-group {{ $errors->has('image') ? 'has-error' : '' }}" style="">
                                            

                                            <div id="image_preview">

                                            @if(isset($testimonials))
                                             <img src="{{ asset('testimonial-image/'.$testimonials->image) }}" style="width: 400px;">
                                            @endif
                                               </div>

                                            <br/>


                                            <div class="input file">
                                                <label for="image_file">Upload Image</label>
                                                <input type="file" accept="image/*" id="image" name="image"/>
                                                @if($errors->has('image'))
                                                <span class="help-block">{{ $errors->first('image') }}</span>
                                                @endif
                                            </div>
                                        </div> -->


                                        

                                    </div>
                                </div><!-- /.row -->
                            </div><!-- /.box-body -->
                            
                    

         <div class="col-md-12">
                        <table id="bannewrImages" class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="text-left" style="width: 20%;">Title</th>
                                <th class="text-center" style="width: 20%;">Description</th>
                                <th class="text-left" style="width: 20%;">Link</th>
                              
                                <th class="text-right" style="width: 10%;">Image</th>
                                <th class="text-right" style="width: 10%;">Sort Order</th>
                                <th  style="width: 8%;"></th>
                            </tr>
                        </thead>
                        <tbody>
                           @php
                                   $bannerImages = old('banner_images') ? (object) old('banner_images') : $banner->banner_images;
                                  $inc = 0;
                                  
                              @endphp
                              @foreach($bannerImages as $images) 
                              
                              @if($images['id'])
                          <tr id="imageBox" class="imageBox row-{{ $images['id'] }}">
                            @else
                            <tr id="imageBox-{{ $inc }}" class="imageBox">
                            @endif
                                       <input type="hidden" name="banner_images[{{ $inc }}][id]" value="{{ $images['id'] }}" />
                                        <td class="text-left  required {{ $errors->has('banner_images.'.$inc.'.title') ? 'has-error' : '' }}">
                                            
                                            <input required type="text" name="banner_images[{{ $inc }}][title]" placeholder="Title"   class="form-control" value="{{ $images['title'] }}" />
                                            @if($errors->has('banner_images.'.$inc.'.title'))
                                                <span class="help-block">{{ $errors->first('banner_images.'.$inc.'.title') }}</span>
                                                @endif
                                        </td>
                                        
                                        <td class="text-left  required {{ $errors->has('banner_images.'.$inc.'.description') ? 'has-error' : '' }}">
                                            
                                            <textarea required name="banner_images[{{$inc}}][description]" placeholder="Description" class="form-control">{{$images['description']}}</textarea>
                                            
                                        </td>
                                        
                                        <td class="text-left  required {{ $errors->has('banner_images.'.$inc.'.external_link') ? 'has-error' : '' }}">
                                            
                                            <input required type="url" name="banner_images[{{$inc}}][external_link]" placeholder="Link" value="{{$images['external_link']}}" class="form-control" />
                                            @if($errors->has('banner_images.'.$inc.'.external_link'))
                                                <span class="help-block">{{ $errors->first('banner_images.'.$inc.'.external_link') }}</span>
                                                @endif
                                        </td>

                                        <td class="text-left  required {{ $errors->has('banner_images.'.$inc.'.image') ? 'has-error' : '' }}">
                                            @if($images['image'])
                                            <img src="{{url('')}}/storage/banner-images/{{$images['image']}}" style="max-height:100px;">
                                            <button class="btn bg-olive btn-flat margin button-upload" data-toggle="tooltip" title="Upload File" data-loading-text="Loading..." type="button">
                                                    <i class="fa fa-upload"></i>
                                                        Upload
                                                    </button>
                                            <input type="hidden" name="banner_images[{{$inc}}][image]" class="img_hidden" value="{{$images['image']}}" />
                                            @else  

                                                   <img src="{{asset('img/no_image.gif')}}" style="max-height:100px;">
                                                    <button class="btn bg-olive btn-flat margin button-upload" data-toggle="tooltip" title="Upload File" data-loading-text="Loading..." type="button">
                                                    <i class="fa fa-upload"></i>
                                                        Upload
                                                    </button>
                                                    <input type="hidden" name="banner_images[{{$inc}}][image]" class="img_hidden" value="" />
                                            @endif
                                                    @if($errors->has('banner_images.'.$inc.'.image'))
                                                <span class="help-block">{{ $errors->first('banner_images.'.$inc.'.image') }}</span>
                                                @endif    
                                        </td>

                                        <td class="text-right  required {{ $errors->has('banner_images.'.$inc.'.sort_order') ? 'has-error' : '' }}">
                                            
                                                <input min="0" required type="number" name="banner_images[{{$inc}}][sort_order]" 
                                                value="{{ $images['sort_order'] }}" placeholder="Sort Order" class="form-control" />
                                                @if($errors->has('banner_images.'.$inc.'.sort_order'))
                                                <span class="help-block">{{ $errors->first('banner_images.'.$inc.'.sort_order') }}</span>
                                                @endif
                                        </td>
                                        <td class="text-left">
                                            @if($images['id'])
                                            <button type="button"  data-toggle="tooltip" title="Remove" class=" btn btn-danger confirmDeleteBtn"  data-url="{{ url('admin/banners/imagedelete', $images['id']) }}"><i class="fa fa-minus-circle"  ></i></button>
                                            @else
                                            <button type="button" onclick="$('#imageBox-' + {{$inc}} + ', .tooltip').remove();" data-toggle="tooltip" title="Remove" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button>
                                            @endif
                                        </td>
                            </tr>
                            @php $inc++ @endphp
                           @endforeach
                          
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="5"></td>
                                <td class="text-left">
                                    <button type="button" onclick="addImage();" data-toggle="tooltip" title="