// withHooks
import { EventButton_order_detail } from 'esoftplay/cache/event/button_order_detail/import';
import { EventMessage } from 'esoftplay/cache/event/message/import';
import { LibCurl_view } from 'esoftplay/cache/lib/curl_view/import';

import React from 'react';
import { View } from 'react-native';


export interface EventOrder_detail_addonsArgs {

}
export interface EventOrder_detail_addonsProps {
  dataTicket: any,
  onPress: (item: any) => void
}
export default function m(props: EventOrder_detail_addonsProps): any {
  let result = props.dataTicket

  return (
    <View style={{ backgroundColor: '#fff', marginTop: 1, borderRadius: 7, paddingBottom: 10, overflow: 'hidden', marginHorizontal: 15, marginBottom: 0 }}>
      <LibCurl_view
        url={result?.url_addons}
        onSuccess={(res, msg): any => {
          return (
            <View>
              {
                res?.length > 0 && res?.map((item: any, i: number) => {
                  const isMultiple = item?.list?.length > 1
                  const isDisabled = item?.hasOwnProperty('status') && item.status == 0
                  const icon = isMultiple ? 'chevron-down' : 'plus-circle-outline'

                  return (
                    <EventButton_order_detail
                      key={i}
                      disable={isDisabled}
                      status_message={item?.status_message}
                      color={result?.color}
                      onPress={() => { props.onPress(item) }}
                      icon={icon}
                      title={item.title}
                      info={item.info}
                    />
                  )
                })
              }
            </View>
          )
        }}
        onError={(err) => {
          return (
            <EventMessage
              message={err?.message}
            />
          )
        }}
      />
    </View>
  )
}