@extends('backend.layouts.app-backend')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Add Ad Setting</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li>
                <a href="{{route('admin.ad-setting.index')}}">list</a>
            </li>
            <li class="active">
                <strong>Add Ad Setting</strong>
            </li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-lg-12">
            @include('layouts.message')
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Add Ad Setting from the following form.</h5>
                </div>
                <div class="ibox-content">
                    <form method="POST" class="form-horizontal" action="{{route('admin.ad-setting.store')}}" enctype="multipart/form-data">
                        @csrf()

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Module *</label>
                            <div class="col-sm-10">
                                <select class="form-control" name="module_id" >
                                  <option value="">--Select--</option>
                                  @foreach($modules as $module)
                                  <option value="{{$module->id}}" {{old('module_id') == $module->id ? 'selected' : '' }}> {{$module->title}}</option>
                                  @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Title (*)</label>
                            <div class="col-sm-10">
                                <input name="title" type="text" class="form-control" value="{{old('title')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Sort By (*)</label>
                            <div class="col-sm-10">
                                <input name="sort_by" type="text" class="form-control" value="{{old('sort_by')}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Setting Type *</label>
                            <div class="col-sm-10">
                                <select class="form-control" name="setting_type" >
                                  <option value="">--Select--</option>
                                  <option value="1">Premium</option>
                                  <option value="2">Basic</option>
                                </select>
                            </div>
                        </div>

                         <div class="form-group">
                            <label class="col-sm-2 control-label">Icon (*)</label>
                            <div class="col-sm-10">
                                <div class="fileinput" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                                    
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input id="ad_icon" name="ad_icon" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                       <a href="#" class="btn btn-danger fileinput-exists"
                                          data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>

                        <div class="directory_container">
                            @if(isset(session()->all()['_old_input']) && isset(session()->all()['_old_input']['setting']) && count(session()->all()['_old_input']['setting']) > 0)

                            @foreach(session()->all()['_old_input']['setting'] as $key => $olditn)
                                <div class="directory_wrap">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Duration/Day (*)</label>
                                        <div class="col-sm-10">
                                            <input name="setting[{{$key}}][duration]" type="number" class="form-control" value="{!! $olditn['duration'] !!}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Price $(*)</label>
                                        <div class="col-sm-10">
                                            <input name="setting[{{$key}}][price]" type="text" class="form-control" value="{!! $olditn['price'] !!}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-10"></div>
                                        <div class="col-sm-2">
                                            <a href="javascript:void(0);" class="removeDirector btn btn-danger btn-sm">Remove</a>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                </div>
                            @endforeach
                            @else
                            <div class="directory_wrap">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Duration/Day (*)</label>
                                    <div class="col-sm-10">
                                        <input name="setting[1][duration]" type="number" class="form-control" value="{{old('duration')}}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Price $(*)</label>
                                    <div class="col-sm-10">
                                        <input name="setting[1][price]" type="text" class="form-control" value="{{old('price')}}">
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                            </div>
                            @endif

                        </div>

                        <div class="form-group">
                           
                            <div class="col-sm-10">
                                <a href="javascript:void(0);" class="addDirector btn btn-primary btn-sm">Add New</a>
                            </div>
                           
                        </div>

                        <div class="hr-line-dashed"></div>

                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">Submit</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('header-style')
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
@stop

@section('footer-scripts')
<script type="text/javascript" src="{{ asset('backend/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
<script type="text/javascript">
    var bcnt = $('.directory_container').children().length;
    
    $('.addDirector').on('click', function() {

        bcnt++;
        var icontainer = '<div class="directory_wrap">' +
                            '<div class="form-group">'+
                                '<label class="col-sm-2 control-label">Duration/Day (*)</label>'+
                                '<div class="col-sm-10">'+
                                    '<input name="setting['+bcnt+'][duration]" type="number" class="form-control">'+
                                '</div>'+
                            '</div>'+
                            '<div class="form-group">'+
                                '<label class="col-sm-2 control-label">Price $(*)</label>'+
                                '<div class="col-sm-10">'+
                                    '<input name="setting['+bcnt+'][price]" type="text" class="form-control">'+
                                '</div>'+
                            '</div>'+
                            '<div class="form-group">'+
                                '<div class="col-sm-10"></div>'+
                                '<div class="col-sm-2">'+
                                    '<a href="javascript:void(0);" class="removeDirector btn btn-danger btn-sm">Remove</a>'+
                                '</div>'+
                            '</div><div class="hr-line-dashed"></div>';

        $('.directory_container').append(icontainer);

        $(".removeDirector").on('click',function(){
           $(this).parent().parent().parent().remove();
        });
    });

     $(".removeDirector").on('click',function(){
           $(this).parent().parent().parent().remove();
        });
</script>
@stop