@extends('layouts.app')
@section('title', 'Brochure')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Brochure</h1>
</section>
<!-- Main content -->
<section class="content">

	<div class="box">
        <div class="box-body">
            @can('brand.view')
            {!! Form::open(['url' => action([\App\Http\Controllers\BrochureController::class, 'downloadBrochurePdf']), 'method' => 'post', 'class' => 'product_form ', 'files' => true ]) !!}
            @component('components.widget', ['class' => 'box-primary'])
                <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! Form::label('location_id', 'Store Name:*') !!}
                        {!! Form::select('location_id', $locations, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2']); !!}
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      {!! Form::label('image', 'Header Image:(1200px*155px)') !!}
                      {!! Form::file('h_image', ['id' => 'header_image', 'accept' => 'image/*', 
                          'required' => 'required', 'class' => 'upload-element']); !!}
                      <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p></small>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      {!! Form::label('image','Banner Image:(1200px*656px)') !!}
                      {!! Form::file('b_image', ['id' => 'banner_image', 'accept' => 'image/*', 
                          'required' => 'required', 'class' => 'upload-element']); !!}
                      <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p></small>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group">
                      {!! Form::label('variation_ids', __('report.products') . ':') !!}
                        {!! Form::select('variation_ids[]', [], 0, ['multiple' => 'multiple','id' => "variation_ids", 'class' => 'form-control']); !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('image', 'Footer Image:(1200px*521px)') !!}
                      {!! Form::file('f_image', ['id' => 'footer_image', 'accept' => 'image/*', 
                          'required' => 'required', 'class' => 'upload-element']); !!}
                      <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p></small>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                      {!! Form::label('image','Address Image:(1200px*156px)') !!}
                      {!! Form::file('a_image', ['id' => 'address_image', 'accept' => 'image/*', 
                          'required' => 'required', 'class' => 'upload-element']); !!}
                      <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p></small>
                    </div>
                </div>
            <div class="row">
            <div class="col-sm-12">
              <div class="btn-group">
                <button type="submit" value="submit" class="btn btn-primary submit_product_form">Generate Brochure</button>
              </div>
            </div>
          </div>
          @endcomponent
        {!! Form::close() !!}
            @endcan
        </div>
    </div>

</section>
<!-- /.content -->
@stop
@section('javascript')
<script>
    $(document).ready(function() {
        var img_fileinput_setting = {
            showUpload: false,
            showPreview: true,
            browseLabel: LANG.file_browse_label,
            removeLabel: LANG.remove,
            previewSettings: {
                image: { width: 'auto', height: 'auto', 'max-width': '50%', 'max-height': '50%' },
            },
        };
        $('#header_image').fileinput(img_fileinput_setting);
        $('#banner_image').fileinput(img_fileinput_setting);
        $('#footer_image').fileinput(img_fileinput_setting);
        $('#address_image').fileinput(img_fileinput_setting);

        $('#variation_ids').select2({
            ajax: {
                url: '/purchases/get_products?check_enable_stock=false&only_variations=true',
                dataType: 'json',
                delay: 250,
                processResults: function(data) {
                  return {
                    results: $.map(data, function (item) {
                        return {
                            text: item.text,
                            id: item.variation_id,
                            product_mrp: item.product_mrp,
                            sale_price: item.sell_price_inc_tax,
                            purchase_price: item.dpp_inc_tax,
                        }
                    })
                  };
                },
            },
            minimumInputLength: 1,
            closeOnSelect: true,
            placeholder: '',
            allowClear: true,
          });
    });
</script>
@endsection