@if($customFields)
    <h5 class="col-12 pb-4">{!! trans('lang.main_fields') !!}</h5>
@endif
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">
    <!-- Generation Field -->
    <div class="form-group row ">
        {!! Form::label('generation', trans("lang.generation_generation"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('generation', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_generation_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_generation_help") }}
            </div>
        </div>
    </div>

    <!-- Price Field -->
    <div class="form-group row ">
        {!! Form::label('price', trans("lang.generation_price"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('price', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_price_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_price_help") }}
            </div>
        </div>
    </div>

    <!-- Unit Field -->
    <div class="form-group row ">
        {!! Form::label('unit', trans("lang.generation_unit"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('unit', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_unit_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_unit_help") }}
            </div>
        </div>
    </div>

    <!-- Type Field -->
    <div class="form-group row ">
        {!! Form::label('type', trans("lang.generation_type"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::text('type', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_type_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_type_help") }}
            </div>
        </div>
    </div>

    <!-- Logo Field -->
    <div class="form-group row">
        {!! Form::label('logo', trans("lang.generation_logo"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            <div style="width: 100%" class="dropzone logo" id="logo" data-field="logo">
                <input type="hidden" name="logo">
            </div>
            <a href="#loadMediaModal" data-dropzone="logo" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
            <div class="form-text text-muted w-50">
                {{ trans("lang.generation_logo_help") }}
            </div>
        </div>
    </div>
    @prepend('scripts')
        <script type="text/javascript">
            var var15406756861152404139ble = '';
            @if(isset($generation) && $generation->hasMedia('logo'))
                var15406756861152404139ble = {
                name: "{!! $generation->getFirstMedia('logo')->name !!}",
                size: "{!! $generation->getFirstMedia('logo')->size !!}",
                type: "{!! $generation->getFirstMedia('logo')->mime_type !!}",
                collection_name: "{!! $generation->getFirstMedia('logo')->collection_name !!}"
            };
                    @endif
            var dz_var15406756861152404139ble = $(".dropzone.logo").dropzone({
                    url: "{!!url('uploads/store')!!}",
                    addRemoveLinks: true,
                    maxFiles: 1,
                    init: function () {
                        @if(isset($generation) && $generation->hasMedia('logo'))
                        dzInit(this, var15406756861152404139ble, '{!! url($generation->getFirstMediaUrl('logo','thumb')) !!}')
                        @endif
                    },
                    accept: function (file, done) {
                        dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                    },
                    sending: function (file, xhr, formData) {
                        dzSending(this, file, formData, '{!! csrf_token() !!}');
                    },
                    maxfilesexceeded: function (file) {
                        dz_var15406756861152404139ble[0].mockFile = '';
                        dzMaxfile(this, file);
                    },
                    complete: function (file) {
                        dzComplete(this, file, var15406756861152404139ble, dz_var15406756861152404139ble[0].mockFile);
                        dz_var15406756861152404139ble[0].mockFile = file;
                    },
                    removedfile: function (file) {
                        dzRemoveFile(
                            file, var15406756861152404139ble, '{!! url("generations/remove-media") !!}',
                            'logo', '{!! isset($generation) ? $generation->id : 0 !!}', '{!! url("uplaods/clear") !!}', '{!! csrf_token() !!}'
                        );
                    }
                });
            dz_var15406756861152404139ble[0].mockFile = var15406756861152404139ble;
            dropzoneFields['logo'] = dz_var15406756861152404139ble;
        </script>
    @endprepend

    @role('admin')
    <!-- Preview Field -->
    <div class="form-group row">
        {!! Form::label('preview', trans("lang.generation_preview"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            <div style="width: 100%" class="dropzone preview" id="preview" data-field="preview">
                <input type="hidden" name="preview">
            </div>
            <a href="#loadMediaModal" data-dropzone="preview" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
            <div class="form-text text-muted w-50">
                {{ trans("lang.generation_preview_help") }}
            </div>
        </div>
    </div>
    @prepend('scripts')
        <script type="text/javascript">
            var var1540675686737141534ble = '';
            @if(isset($generation) && $generation->hasMedia('preview'))
                var1540675686737141534ble = {
                name: "{!! $generation->getFirstMedia('preview')->name !!}",
                size: "{!! $generation->getFirstMedia('preview')->size !!}",
                type: "{!! $generation->getFirstMedia('preview')->mime_type !!}",
                collection_name: "{!! $generation->getFirstMedia('preview')->collection_name !!}"
            };
                    @endif
            var dz_var1540675686737141534ble = $(".dropzone.preview").dropzone({
                    url: "{!!url('uploads/store')!!}",
                    addRemoveLinks: true,
                    maxFiles: 1,
                    init: function () {
                        @if(isset($generation) && $generation->hasMedia('preview'))
                        dzInit(this, var1540675686737141534ble, '{!! url($generation->getFirstMediaUrl('preview','thumb')) !!}')
                        @endif
                    },
                    accept: function (file, done) {
                        dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                    },
                    sending: function (file, xhr, formData) {
                        dzSending(this, file, formData, '{!! csrf_token() !!}');
                    },
                    maxfilesexceeded: function (file) {
                        dz_var1540675686737141534ble[0].mockFile = '';
                        dzMaxfile(this, file);
                    },
                    complete: function (file) {
                        dzComplete(this, file, var1540675686737141534ble, dz_var1540675686737141534ble[0].mockFile);
                        dz_var1540675686737141534ble[0].mockFile = file;
                    },
                    removedfile: function (file) {
                        dzRemoveFile(
                            file, var1540675686737141534ble, '{!! url("generations/remove-media") !!}',
                            'preview', '{!! isset($generation) ? $generation->id : 0 !!}', '{!! url("uplaods/clear") !!}', '{!! csrf_token() !!}'
                        );
                    }
                });
            dz_var1540675686737141534ble[0].mockFile = var1540675686737141534ble;
            dropzoneFields['preview'] = dz_var1540675686737141534ble;
        </script>
    @endprepend
    @endrole

</div>
<div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">

    @role('admin')
    <!-- Preview Active Field -->
    <div class="form-group row">
        {!! Form::label('preview_active', trans("lang.generation_preview_active"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            <div style="width: 100%" class="dropzone preview_active" id="preview_active" data-field="preview_active">
                <input type="hidden" name="preview_active">
            </div>
            <a href="#loadMediaModal" data-dropzone="preview_active" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
            <div class="form-text text-muted w-50">
                {{ trans("lang.generation_preview_active_help") }}
            </div>
        </div>
    </div>
    @prepend('scripts')
        <script type="text/javascript">
            var var15406756861956480652ble = '';
            @if(isset($generation) && $generation->hasMedia('preview_active'))
                var15406756861956480652ble = {
                name: "{!! $generation->getFirstMedia('preview_active')->name !!}",
                size: "{!! $generation->getFirstMedia('preview_active')->size !!}",
                type: "{!! $generation->getFirstMedia('preview_active')->mime_type !!}",
                collection_name: "{!! $generation->getFirstMedia('preview_active')->collection_name !!}"
            };
                    @endif
            var dz_var15406756861956480652ble = $(".dropzone.preview_active").dropzone({
                    url: "{!!url('uploads/store')!!}",
                    addRemoveLinks: true,
                    maxFiles: 1,
                    init: function () {
                        @if(isset($generation) && $generation->hasMedia('preview_active'))
                        dzInit(this, var15406756861956480652ble, '{!! url($generation->getFirstMediaUrl('preview_active','thumb')) !!}')
                        @endif
                    },
                    accept: function (file, done) {
                        dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                    },
                    sending: function (file, xhr, formData) {
                        dzSending(this, file, formData, '{!! csrf_token() !!}');
                    },
                    maxfilesexceeded: function (file) {
                        dz_var15406756861956480652ble[0].mockFile = '';
                        dzMaxfile(this, file);
                    },
                    complete: function (file) {
                        dzComplete(this, file, var15406756861956480652ble, dz_var15406756861956480652ble[0].mockFile);
                        dz_var15406756861956480652ble[0].mockFile = file;
                    },
                    removedfile: function (file) {
                        dzRemoveFile(
                            file, var15406756861956480652ble, '{!! url("generations/remove-media") !!}',
                            'preview_active', '{!! isset($generation) ? $generation->id : 0 !!}', '{!! url("uplaods/clear") !!}', '{!! csrf_token() !!}'
                        );
                    }
                });
            dz_var15406756861956480652ble[0].mockFile = var15406756861956480652ble;
            dropzoneFields['preview_active'] = dz_var15406756861956480652ble;
        </script>
    @endprepend
    @endrole
    <!-- Pres Field -->
    <div class="form-group row ">
        {!! Form::label('pres', trans("lang.generation_pres"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::number('pres', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_pres_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_pres_help") }}
            </div>
        </div>
    </div>

    <!-- Intermediaire Field -->
    <div class="form-group row ">
        {!! Form::label('intermediaire', trans("lang.generation_intermediaire"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::number('intermediaire', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_intermediaire_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_intermediaire_help") }}
            </div>
        </div>
    </div>

    <!-- Loin Field -->
    <div class="form-group row ">
        {!! Form::label('loin', trans("lang.generation_loin"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::number('loin', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_loin_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_loin_help") }}
            </div>
        </div>
    </div>

    <!-- Order Field -->
    <div class="form-group row ">
        {!! Form::label('order', trans("lang.generation_order"), ['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::number('order', null,  ['class' => 'form-control','placeholder'=>  trans("lang.generation_order_placeholder")]) !!}
            <div class="form-text text-muted">
                {{ trans("lang.generation_order_help") }}
            </div>
        </div>
    </div>
    @role('admin')
    <!-- Glass Id Field -->
    <div class="form-group row ">
        {!! Form::label('glass_id', trans("lang.generation_glass_id"),['class' => 'col-3 control-label text-right']) !!}
        <div class="col-9">
            {!! Form::select('glass_id', $glass, null, ['class' => 'select2 form-control']) !!}
            <div class="form-text text-muted">{{ trans("lang.generation_glass_id_help") }}</div>
        </div>
    </div>
    @endrole

</div>
@if($customFields)
    <div class="clearfix"></div>
    <div class="col-12 custom-field-container">
        <h5 class="col-12 pb-4">{!! trans('lang.custom_field_plural') !!}</h5>
        {!! $customFields !!}
    </div>
@endif
<!-- Submit Field -->
<div class="form-group col-12 text-right">
    <button type="submit" class="btn btn-{{setting('theme_color')}}"><i class="fa fa-save"></i> {{trans('lang.save')}} {{trans('lang.generation')}}</button>
    <a href="{!! route('generations.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{trans('lang.cancel')}}</a>
</div>