@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            B2B App Home page section update
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">B2B App Home page section update</li>
        </ol>
    </section>
@endsection

@section('stylesheets')
<style>
    .txt {
        width: 100px;
    }
</style>
@endsection

@section('main-content')
    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <div class="box box-primary">


                    <div class="box-header with-border">
                        <h3 class="box-title">Update</h3>
                        <div class="box-tools pull-right">
                            <a class="btn btn-xs btn-primary" href="{{ url('/admin/b2b-app-home-page-sections') }}">
                                <i class="fa fa-arrow-left"></i> Go Back
                            </a>
                        </div>
                    </div>


                    @if(Session::has('message'))
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="alert alert-success alert-dismissible">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                {{Session('message')}}
                            </div>
                        </div>
                    </div>
                    @endif


                    {!! Form::open(['url' => '/admin/b2b-app-home-page-sections/edit/'. $section->id  ]) !!}
                    <div class="box-body">
                        <div class="form-group @if($errors->has('title')) has-error @endif">
                            {!! Form::label('title','B2B Section Title' ) !!}
                            {!! Form::text('title',  $section->title, ['class' => 'form-control', 'placeholder' => 'B2B Section Title', 'id' => 'title']) !!}
                            @if ($errors->has('title'))
                                <span class="help-block">{!! $errors->first('title') !!}</span>
                            @endif
                        </div>
                    </div>

                    <div class="box-body">
                        <div class="form-group @if($errors->has('sub_title')) has-error @endif">
                            {!! Form::label('sub_title','B2B Section Sub Title' ) !!}
                            {!! Form::text('sub_title',  $section->sub_title, ['class' => 'form-control', 'placeholder' => 'B2B Section Sub Title', 'id' => 'sub_title']) !!}
                            @if ($errors->has('sub_title'))
                                <span class="help-block">{!! $errors->first('sub_title') !!}</span>
                            @endif
                        </div>
                    </div>


                    <div class="box-body">
                        <div class="form-group">
                            {!! Form::label('Status') !!}
                            {!! Form::select('is_active', ['active' => 'active', 'inactive' => 'inactive'], $section->is_active, ['class' => 'form-control']) !!}
                        </div>
                    </div>


                    <div class="box-body">
                        <div class="form-group">
                            <label for="products">Products
                                &nbsp;<button class="btn btn-primary" type="button" id="addMoreBtn">Add More +</button>
                            </label>
                            <table class="table" cellpadding="5" cellspacing="5" id="products_row">
                                @if(count($products) > 0)
                                    @foreach($products as $p)
                                    <tr>
                                        <td>{!! Form::text('product_id[]', $p->product_id, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Product ID', 'id' => 'product_id']) !!}</td>
                                        <td>{!! Form::text('discount_price[]', $p->discount_price, ['class' => 'form-control', 'placeholder' => 'Discount Price', 'id' => 'discount_price']) !!}</td>
                                        <td>{!! Form::text('ordering[]', $p->ordering, ['class' => 'form-control txt', 'required' => 'required', 'placeholder' => 'Ordering', 'id' => 'ordering']) !!}</td>
                                        <td><button type="button" id="{{ $p->id ."|".$p->section_id."|". $p->product_id ."|". $p->discount_price }}" class="removeRow btn btn-danger">X</button></td>
                                    </tr>
                                    @endforeach
                                @else
                                <tr>
                                    <td>{!! Form::text('product_id[]', null, ['class' => 'form-control', 'required' => 'required', 'placeholder' => 'Product ID', 'id' => 'product_id']) !!}</td>
                                    <td>{!! Form::text('discount_price[]', null, ['class' => 'form-control',   'placeholder' => 'Discount Price', 'id' => 'discount_price']) !!}</td>
                                    <td>{!! Form::text('ordering[]', 1, ['class' => 'form-control txt', 'required' => 'required', 'placeholder' => 'Ordering', 'id' => 'ordering']) !!}</td>
                                    <td><button type="button" id="" class="removeRow btn btn-danger">X</button></td>
                                </tr>
                                @endif
                            </table>


                        </div>
                    </div>


                    <div class="box-footer">
                        {!! Form::submit('Update',['class' => 'btn btn-primary']) !!}
                    </div>
                    {!! Form::close() !!}

                </div>

            </div>
        </div>
    </section>

@endsection

@section('javascripts')
<script>
$(document).on("click", "#addMoreBtn", function() {
    // console.log("addMoreBtn clicked")
    let newRow = '';

    newRow += '<tr>';
    newRow += '<td><input type="text" name="product_id[]" class="form-control" placeholder="Product ID" id="product_id" required= "required" /></td>';
    newRow += '<td><input type="text" name="discount_price[]" class="form-control" placeholder="Discount Price" id="discount_price" /></td>';
    newRow += '<td><input type="text" name="ordering[]" class="form-control txt" placeholder="Ordering" value="1" required= "required" id="ordering" /></td>';
    newRow += '<td><button type="button" class="removeRow btn btn-danger">X</button></td>';
    newRow += '</tr>';
    $("#products_row").append(newRow);
});

$(document).on('click', '.removeRow', function() {
    let xid = $(this).attr('id');
    if (xid !== '') {
        $.ajax({
            type: "get",
            url: "{{ url('/admin/b2b-app-home-page-sections/delete') }}/" + xid,
            data: {},
            success: function(res) {
                console.log('removeRow', res)
            }
        });
    }
    $(this).closest('tr').remove();
});

</script>
@endsection