@extends('layouts.backend')

@section('content')
    <div class="content">
        <div class="row">

            <div class="col-lg-12">
                <div class="block block-themed">
                    <div class="block-header">
                        <h3 class="block-title">BANNER</h3>
                    </div>
                    <div class="block-content">
                        <form action="{{route('webadmin.updateBanner',['id'=>$banner['id']])}}" class="offset-1" method="post" enctype="multipart/form-data">
                            @csrf
                            <!-- 1st banner -->
                            <div class="col-md-12 row">
                                <div class="col-md-6">
                                    <h5>Left Top Section</h5>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('title1') ? ' is-invalid' : '' }}" value="{{old('title1',isset($banner['title1'])?$banner['title1']:'')}}" name="title1" autocomplete="off">
                                            @if ($errors->has('title1'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('title1') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Sub Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('subtitle1') ? ' is-invalid' : '' }}" value="{{old('subtitle1',isset($banner['subtitle1'])?$banner['subtitle1']:'')}}" name="subtitle1" autocomplete="off">
                                            @if ($errors->has('subtitle1'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('subtitle1') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12">Icon</label>
                                        <div class="col-12">
                                            <div class="custom-file ">
                                                <input type="file" class="custom-file-input js-custom-file-input-enabled {{ $errors->has('icon1') ? ' is-invalid' : '' }}" id="example-file-input-custom" name="icon1" data-toggle="custom-file-input">
                                                <label class="custom-file-label" for="example-file-input-custom">Choose file</label>
                                                @if ($errors->has('icon1'))
                                                    <div class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('icon1') }}</strong>
                                                    </div>
                                                @endif
                                            </div>

                                        </div>


                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Redirect URL<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('redirect_url1') ? ' is-invalid' : '' }}" value="{{old('redirect_url1',isset($banner['redirect_url1'])?$banner['redirect_url1']:'')}}" name="redirect_url1" autocomplete="off">
                                            @if ($errors->has('redirect_url1'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('redirect_url1') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>


                                <div class="col-md-6">
                                    <img class="icon-size" src="{{(isset($banner['icon1']) && $banner['icon1']!='')?asset('uploads/banner/'.$banner['icon1']):''}}">
                                </div>

                            </div>

                            <!-- 2nd Banner -->

                            <hr>
                            <div class="col-md-12 row">
                                <div class="col-md-6">
                                <h5>Left Buttom Section</h5>
                                <div class="form-group row">
                                    <label class="col-12 col-form-label">Title<span class="text-danger">*</span></label>
                                    <div class="col-12">
                                        <input type="text" class="form-control {{ $errors->has('title2') ? ' is-invalid' : '' }}" value="{{old('title2',isset($banner['title2'])?$banner['title2']:'')}}" name="title2" autocomplete="off">
                                        @if ($errors->has('title2'))
                                            <div class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('title2') }}</strong>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12 col-form-label">Sub Title<span class="text-danger">*</span></label>
                                    <div class="col-12">
                                        <input type="text" class="form-control {{ $errors->has('subtitle2') ? ' is-invalid' : '' }}" value="{{old('subtitle2',isset($banner['subtitle2'])?$banner['subtitle2']:'')}}" name="subtitle2" autocomplete="off">
                                        @if ($errors->has('subtitle2'))
                                            <div class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('subtitle2') }}</strong>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12">Icon</label>
                                    <div class="col-12">
                                        <div class="custom-file ">
                                            <input type="file" class="custom-file-input js-custom-file-input-enabled {{ $errors->has('icon2') ? ' is-invalid' : '' }}" id="example-file-input-custom" name="icon2" data-toggle="custom-file-input">
                                            <label class="custom-file-label" for="example-file-input-custom">Choose file</label>
                                            @if ($errors->has('icon2'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('icon2') }}</strong>
                                                </div>
                                            @endif
                                        </div>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12 col-form-label">Redirect URL<span class="text-danger">*</span></label>
                                    <div class="col-12">
                                        <input type="text" class="form-control {{ $errors->has('redirect_url2') ? ' is-invalid' : '' }}" value="{{old('redirect_url2',isset($banner['redirect_url2'])?$banner['redirect_url2']:'')}}" name="redirect_url2" autocomplete="off">
                                        @if ($errors->has('redirect_url2'))
                                            <div class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('redirect_url2') }}</strong>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                </div>
                                <div class="col-md-6">
                                    <img class="icon-size" src="{{(isset($banner['icon2']) && $banner['icon2']!='')?asset('uploads/banner/'.$banner['icon2']):''}}">
                                </div>
                            </div>



                            <!-- 3rd Banner -->

                            <hr>
                            <div class="col-md-12 row">
                                <div class="col-md-6">
                                    <h5>Center Position</h5>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('title3') ? ' is-invalid' : '' }}" value="{{old('title3',isset($banner['title3'])?$banner['title3']:'')}}" name="title3" autocomplete="off">
                                            @if ($errors->has('title3'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('title3') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Sub Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('subtitle3') ? ' is-invalid' : '' }}" value="{{old('subtitle3',isset($banner['subtitle3'])?$banner['subtitle3']:'')}}" name="subtitle3" autocomplete="off">
                                            @if ($errors->has('subtitle3'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('subtitle3') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12">Icon</label>
                                        <div class="col-12">
                                            <div class="custom-file ">
                                                <input type="file" class="custom-file-input js-custom-file-input-enabled {{ $errors->has('icon3') ? ' is-invalid' : '' }}" id="example-file-input-custom" name="icon3" data-toggle="custom-file-input">
                                                <label class="custom-file-label" for="example-file-input-custom">Choose file</label>
                                                @if ($errors->has('icon3'))
                                                    <div class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('icon3') }}</strong>
                                                    </div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Redirect URL<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('redirect_url3') ? ' is-invalid' : '' }}" value="{{old('redirect_url3',isset($banner['redirect_url3'])?$banner['redirect_url3']:'')}}" name="redirect_url3" autocomplete="off">
                                            @if ($errors->has('redirect_url3'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('redirect_url3') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6">
                                    <img class="icon-size" src="{{(isset($banner['icon3']) && $banner['icon3']!='')?asset('uploads/banner/'.$banner['icon3']):''}}">
                                </div>

                            </div>

                            <!-- 4th banner -->

                            <hr>
                            <div class="col-md-12 row">
                                <div class="col-md-6">
                                    <h5>Right Top Section</h5>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('title4') ? ' is-invalid' : '' }}" value="{{old('title4',isset($banner['title4'])?$banner['title4']:'')}}" name="title4" autocomplete="off">
                                            @if ($errors->has('title4'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('title4') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Sub Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('subtitle4') ? ' is-invalid' : '' }}" value="{{old('subtitle4',isset($banner['subtitle4'])?$banner['subtitle4']:'')}}" name="subtitle4" autocomplete="off">
                                            @if ($errors->has('subtitle4'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('subtitle4') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12">Icon</label>
                                        <div class="col-12">
                                            <div class="custom-file ">
                                                <input type="file" class="custom-file-input js-custom-file-input-enabled {{ $errors->has('icon4') ? ' is-invalid' : '' }}" id="example-file-input-custom" name="icon4" data-toggle="custom-file-input">
                                                <label class="custom-file-label" for="example-file-input-custom">Choose file</label>
                                                @if ($errors->has('icon4'))
                                                    <div class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('icon4') }}</strong>
                                                    </div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Redirect URL<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('redirect_url4') ? ' is-invalid' : '' }}" value="{{old('redirect_url4',isset($banner['redirect_url4'])?$banner['redirect_url4']:'')}}" name="redirect_url4" autocomplete="off">
                                            @if ($errors->has('redirect_url4'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('redirect_url4') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img class="icon-size" src="{{(isset($banner['icon4']) && $banner['icon4']!='')?asset('uploads/banner/'.$banner['icon4']):''}}">
                                </div>

                            </div>


                            <!-- 5th Banner -->

                            <hr>
                            <div class="col-md-12 row">
                                <div class="col-md-6">
                                    <h5>Right Buttom Section</h5>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('title5') ? ' is-invalid' : '' }}" value="{{old('title5',isset($banner['title5'])?$banner['title5']:'')}}" name="title5" autocomplete="off">
                                            @if ($errors->has('title5'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('title5') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Sub Title<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('subtitle5') ? ' is-invalid' : '' }}" value="{{old('subtitle5',isset($banner['subtitle5'])?$banner['subtitle5']:'')}}" name="subtitle5" autocomplete="off">
                                            @if ($errors->has('subtitle5'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('subtitle5') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12">Icon</label>
                                        <div class="col-12">
                                            <div class="custom-file ">
                                                <input type="file" class="custom-file-input js-custom-file-input-enabled {{ $errors->has('icon5') ? ' is-invalid' : '' }}" id="example-file-input-custom" name="icon5" data-toggle="custom-file-input">
                                                <label class="custom-file-label" for="example-file-input-custom">Choose file</label>
                                                @if ($errors->has('icon5'))
                                                    <div class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('icon5') }}</strong>
                                                    </div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 col-form-label">Redirect URL<span class="text-danger">*</span></label>
                                        <div class="col-12">
                                            <input type="text" class="form-control {{ $errors->has('redirect_url5') ? ' is-invalid' : '' }}" value="{{old('redirect_url5',isset($banner['redirect_url5'])?$banner['redirect_url5']:'')}}" name="redirect_url5" autocomplete="off">
                                            @if ($errors->has('redirect_url5'))
                                                <div class="invalid-feedback" role="alert">
                                                    <strong>{{ $errors->first('redirect_url5') }}</strong>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <img class="icon-size" src="{{(isset($banner['icon5']) && $banner['icon5']!='')?asset('uploads/banner/'.$banner['icon5']):''}}">
                                </div>
                            </div>


                            <!-- End banner -->

                            <div class="form-group">
                                <button type="submit" class="btn btn-alt-primary">Update</button>
                            </div>

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

        </div>
    </div>

    <style>
    .icon-size{
        max-width:65%;
    }
    </style>

@endsection